2

この 2 つの jquery プラグインを使用しようとしたときに、少し問題が発生しました。誰かがこれで私を助けてくれることを願っています。

最初に使用したプラグイン (DatePicker) は、jqueryui に付属するデフォルトのプラグインです。2 番目のプラグイン (DateTimePicker) は、http://trentrichardson.com/examples/timepicker/の DateTimePicker です。

私が達成しようとしているのは、jqueryui で提供されているサンプルのようなユーザー定義の日付範囲を、2 つのテキスト ボックス (開始日と終了日を指定) http://jqueryui.com/demos/datepicker/date-range で設定することです。 html

ユーザーが上記で指定された日付内の日時を選択できるようにする別の日時ピッカーがあります。

サンプルは次のとおりです: http://jsfiddle.net/uyB52/1/

ただし、ここでの問題は、datetimepicker JavaScript を追加しようとすると、datepicker が正しく機能しないことです。最小の日付範囲を想定どおりに設定することはできません。

以前に同じ問題に遭遇した人はいますか? 誰か私にアドバイスしてもらえますか？私はまだプログラミングに慣れていません。前もって感謝します！

4

2 に答える 2

1

datetimepicker プラグインが jQuery UI に干渉しているようです (ただし、jQuery UI プラグインが動作するはずです)。この問題を解決できる可能性はありますが、時間の選択にはプラグインを使用しないか、別のプラグインを使用することをお勧めします (動作します)。

datetimepicker を使用する場合は、さまざまなプラグインを検索して、ニーズに最適なものを見つける必要があります。プラグインは要件に依存するため、あまりお勧めできません。

しかし、datetimepicker プラグインを使用せずに、代わりに jQuery UI のみを使用することもできますか? このフィドルを見てください：http://jsfiddle.net/uyB52/7/

アイデアは、jQuery UI の日付ピッカーを使用して日付を選択し、ドロップダウン ボックスを使用して時間を選択することです。また、ユーザーが入力フィールドに時間を入力して検証できるようにすることもできます。または、ドロップダウン ボックスの代わりに、jQuery UI スライダーを使用します。

于 2012-09-20T09:57:09.320 に答える
0

とった。minDate および maxDate オプションは Date オブジェクトを取るため、文字列を Date に変換する必要があります。

$("#from").datepicker("option", "maxDate", new Date(selected_date))

jsfiddle

于 2012-09-20T01:38:28.420 に答える