3

日付ピッカーを使用する HTML テキストボックスがあります。

<script type="text/javascript">
    $(function () {
        $("#<%= txtDateFrom.ClientID  %>").datepicker({ dateFormat: 'yy/mm/dd' });
    });

オプションで時間も入力してもらいたいと思います。現在、ユーザーはテキストボックスを編集できますが、日付部分のみです。

4

2 に答える 2

6

これを使って

<script type="text/javascript">
$(function () {
     $("#<%= txtDateFrom.ClientID  %>").datepicker({ dateFormat: 'yy/mm/dd', constrainInput: false });
});
</script>

ConstrainInput: false は、テキスト フィールドに何でも入力できることを許可します

于 2013-09-25T12:06:12.710 に答える
1

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 つの日付フィールドがあることに注意してください。入力は完全に自由なタイプで、時間は手動で追加するか、ポップアップ内のカレンダーの下にスクロールして追加します。

datetimepicker プラグインの使用

于 2013-09-25T13:37:32.480 に答える