35

ASP.NET Calendar コントロールと相性の良い無料/オープン ソースのタイム ピッカー コントロールはありますか?

4

11 に答える 11

44

あなたの質問に対する答えは、はい、ASP.NET カレンダー コントロールに適した優れたフリー/オープン ソースのタイム ピッカー コントロールがあるということです。

ASP.NET カレンダー コントロールは、HTML テーブルを記述するだけです。

HTML5 と .NET Framework 4.5 を使用している場合は、代わりに ASP.NET TextBox コントロールを使用して、TextModeプロパティを "Date"、"Month"、"Week"、"Time"、または "DateTimeLocal" に設定できます。お使いのブラウザーがこれをサポートしていない場合は、このプロパティを "DateTime" に設定できます。その後、Text プロパティを読み取って、日付、時刻、月、または週を TextBox から文字列として取得できます。

.NET Framework 4.0 以前のバージョンを使用している場合は、HTML5 の<input type="[month, week, etc.]">; お使いのブラウザがこれをサポートしていない場合は、<input type="datetime">.

ユーザーが日付フィールドに入力する情報用のサーバー側コード (C# または Visual Basic で記述) が必要な場合はrunat="server"、input タグ内に記述して、サーバー上で要素の実行を試みることができます。すべての ASP と同様に、この要素に ID を指定して、サーバー側でアクセスできるようにしてください。Value プロパティを読み取って、入力の日付、時刻、月、または週を文字列として取得できるようになりました。

サーバー上でこの要素を実行できない場合は、 に加えて隠しフィールドが必要になります<input type="[date/time/month/week/etc.]"。submit 関数 (JavaScript で記述) で、非表示フィールドの値を入力 type="date"、または "time"、または "month"、または "week" の値に設定します。サイド コードでは、その非表示フィールドの Value プロパティも文字列として読み取ります。

HTML の隠しフィールド要素がサーバー上で実行できることを確認してください。

于 2015-01-22T01:01:59.117 に答える
27

JQueryには最高の日付ピッカーIMHOがあります。.Netに固有のものではありませんが、それでもうまく機能します。

HTML:

<input type="text" value="9/23/2009" style="width: 100px;" readonly="readonly" name="Date" id="Date" class="hasDatepicker"/>

head 要素内:

<script src="../../Scripts/jquery-1.3.2.min.js" language="javascript" type="text/javascript"/>
<script src="../../Scripts/jquery-ui-1.7.1.custom.min.js" type="text/javascript"/>

そのような単純な！

于 2009-09-24T01:05:39.990 に答える
8

私が使用したのはこれだけなので、http: //www.ajaxcontroltoolkit.com/ の CalendarExtender をお勧めします。

于 2009-09-24T00:58:30.913 に答える
3

ブートストラップを使用している場合は、bootstrap-datepickerを試してください。

于 2014-02-21T02:16:20.970 に答える
3

Basic Date Picker Lite

これは主力製品の無料版ですが、asp.net ネイティブの日付と時刻のピッカーが含まれています。

于 2009-09-24T01:13:44.233 に答える
2

HTML 5input type="date"およびその他の日付関連の入力タイプという、すぐに使える簡単な実装があります。

さて、コントロールをそれほどスタイルすることはできず、すべてのブラウザーで機能するわけではありませんが、すべての最新のブラウザーがサポートしていて、重いライブラリを含めたくない場合、長期的には非常に良いオプションになる可能性があります。モバイル デバイスでは必ずしもうまく機能するとは限りません。

于 2016-03-16T08:53:48.530 に答える
1 
@Html.EditorFor(model => model.Date, new { htmlAttributes = new { @class = "form-control", @type = "date" } })

これはうまくいきます

于 2019-08-15T11:45:09.687 に答える