2015-10-16 14 views
5

私は自分のプロジェクトにhttps://eonasdan.github.io/bootstrap-datetimepicker/からDatetimepickerを使用しています。私が達成したいものをブートストラップ3 datetimepicker jquery

enter image description here

は終わりが早く開始より時間を選択することはできないということです。

$('#timePickerStart').datetimepicker({ 
    format : 'LT' 
}); 
$('#timePickerEnd').datetimepicker({ 
    format : 'LT' 
}); 

datetimepickerにはdateのような機能がありますが、時間の実装方法はわかりません。

ありがとうございました。

+0

でした。関数minDateとmaxDateを使用します。私はuseCurrent:falseを使ってみましたが、バグがあります。これは最初の時間にしか動作しません。終了時間を入力した後に再び開始時刻を変更すると、もう動作しません。 – pat3ck029

+0

あなたが他の要件を持っていないので、開始時間より前ではなく終了時間を確認してから、無料の解決策が必要な場合は、jQuery検証プラグインまたはブートストラップ検証プラグインを使用して、検証を時間フィールドに置き、足はあなたのために働く。 – Shehary

答えて

2

disabledTimeIntervalsプロパティと機能を使用して、特定の時間間隔を無効にすることができます。配列内に2つのmomentオブジェクトが必要です。もう1つの方法は、disabledHoursプロパティとdisabledHours()機能で特定の時間を無効にすることです。

これは、ユーザーがピッカーのいずれかを変更したときにコールバックを実行することです。このコールバックでは、date()関数を使用して現在の瞬間を取得し、もう1つのピッカーの上限/下限としてdisabledTimeIntervalsを設定することができます。

+0

ありがとうございました! – pat3ck029

関連する問題