1

私は周りを見回しましたが、人々が日付/時刻ピッカーについて尋ねる以前の質問を目にします。残念ながら、これらのスレッドはどれも私の特定のニーズに一致しませんでした。Any + Timeをすすめる人も多いですが、少し「重い」ようで、軽量を探しています。

基本的に、「イベント」の日付/時刻ピッカーが必要です。ここのイベント検索ピッカー（http://jqueryui.com/demos/datepicker/#event-search）は非常に優れていますが、時間を処理しません。私のフォームはjQueryに基づいて構築されているので、それを使用しても問題ありません。

  • 日付と時刻の両方を選択できる必要があります
  • 終了時刻フォームは、開始時刻が選択されるまで非表示にする必要があります。
  • 開始時刻を選択すると、6時間後に終了時刻が自動的に設定されます
  • 開始時刻より前に発生する終了時刻を選択できないようにする必要があります
  • タイムゾーンを処理でき、デフォルトでユーザーの現在のタイムゾーンになっている必要があります
  • UTCタイムスタンプを送信できる必要があります（非表示フィールドに保存します。例：1291004863）

あなたの推薦はありがたいです...私はJavascriptについてあまり知りません。

4

1 に答える 1

1

次のページで行われた変更を使用して、jQuery UI datepicker を拡張してみます: http://addyosmani.com/blog/the-missing-date-time-selector-for-jquery-ui/

jQuery UI イベント検索のサンプル コードを機能させるには、新しいパラメーターを追加するだけで済みます。

それが役立つことを願っています!

編集:日付ピッカー範囲のコード例(上記のリンクのコードを使用):

-HTML-

<p>
    <label for="from">From:</label> <input class="datetime" type="text" name="from" id="from" value="" />
    <label for="to">To:</label> <input class="datetime" type="text" name="to" id="to" value="" />
</p>

-js-

$(function() {
    $('.datetime').datepicker({
        duration: '',
        showTime: true,
        constrainInput: false
     });
});

実際の動作を確認するためのリンクは次のとおりです: http://bit.ly/hZTR84

于 2010-11-29T05:02:10.423 に答える