2017-08-08 8 views
0

私は2つの入力を持っています.1つは日付用、もう1つは時間用です。最小の日付が「今日」の場合はそれらをリンクし、今日の日付が選択されている場合は最小の時刻を「今」にします。Eonasdan datetime pickerの別の日付入力に応じて時間入力のマインドを設定する方法は?

JS:

$('#operation-date').datetimepicker({ 
    format: 'DD/MM/Y', 
    useCurrent: true, 
    minDate: moment().startOf('d') 
}); 

$('#operation-time').datetimepicker({ 
    format: 'LT', 
    useCurrent: true, 
    minDate: moment() 
}); 

最小時間は、常に「今」に関係なく、選択した日付のだろうので、私はそれらを一緒にリンクすることができますか?

+1

参照[ここ](https://stackoverflow.com/q/45428366/4131048)に従って時間ピッカーのMinDateプロパティオプションを変更する必要があり、私はあなたを考えます受け入れられた回答と同じコードを使用できます( 'minDate'の値を変更するだけです)。 – VincenzoC

+0

@VincenzoC実際に私たちがminDateプロパティを無効にしたいとき、 'minDate()'に渡す必要があるのはfalseです。ヌル – Mohammad

+0

'null'の代わりに' false'を使ってリンクされた答えを編集しました。スニペットは 'minDate(null)'を使っても機能しましたが、 'minDate(false)'はより正確に聞こえます。リンクされたソリューションが有用であると分かったら、アップボーディングを検討してください。 – VincenzoC

答えて

0

我々は日付ピッカーの変更

$('#operation-date').datetimepicker({ 
    format: 'DD/MM/Y', 
    minDate: moment().startOf('day') 
}).on('dp.change', function(e){ 
    if(e.date && e.date.isSame(moment(), 'd')){ 
     var min = moment().startOf('minute'); 
     $('#operation-time').data("DateTimePicker").minDate(min); 
    } else { 
     $('#operation-time').data("DateTimePicker").minDate(false); 
    } 
}); 

$('#operation-time').datetimepicker({ 
    format: 'LT', 
    minDate: moment().startOf('minute') 
}); 
関連する問題