日付ピッカーを使用する HTML テキストボックスがあります。
<script type="text/javascript">
$(function () {
$("#<%= txtDateFrom.ClientID %>").datepicker({ dateFormat: 'yy/mm/dd' });
});
オプションで時間も入力してもらいたいと思います。現在、ユーザーはテキストボックスを編集できますが、日付部分のみです。
日付ピッカーを使用する HTML テキストボックスがあります。
<script type="text/javascript">
$(function () {
$("#<%= txtDateFrom.ClientID %>").datepicker({ dateFormat: 'yy/mm/dd' });
});
オプションで時間も入力してもらいたいと思います。現在、ユーザーはテキストボックスを編集できますが、日付部分のみです。
これを使って
<script type="text/javascript">
$(function () {
$("#<%= txtDateFrom.ClientID %>").datepicker({ dateFormat: 'yy/mm/dd', constrainInput: false });
});
</script>
ConstrainInput: false は、テキスト フィールドに何でも入力できることを許可します
Rory が既にコメントしたように、jquery ui datepicker プラグインには時間が含まれていませんが、Trent Richardson ( http://trentrichardson.com ) によって作成されたものを使用すると、探しているものを達成できます。
私はこの非常にプラグインをさまざまなプロジェクトで頻繁に使用していdate
ます。マスター ビューのどこかでクラスを初期化することに慣れています。
$('.date').datetimepicker({
showOn: "both",
buttonImage: '<%:Url.Image("calendar.gif")%>',
buttonImageOnly: true,
ampm: true,
timeFormat: 'hh:mm:ss TT'
});
これは私が撮ったばかりのスナップショットです。2 つの日付フィールドがあることに注意してください。入力は完全に自由なタイプで、時間は手動で追加するか、ポップアップ内のカレンダーの下にスクロールして追加します。