私は開始時刻と終了時刻を入力するためのフォームに2つのdatetimepickerを持っています。
開始時刻のIDは「開始時刻」、終了時刻のIDは「終了時刻」です。datepickerで日付時刻を検証する方法は?
var startTime = document.getElementById("startTime");
var endTime = document.getElementById("endTime");
if (new Date(startTime.value).getTime() > new Date(endTime.value).getTime()) {
alert("End Time should be greater than Start Time");
return false;
}
私は開始時刻と終了時刻を比較し、開始時刻が終了時刻よりも大きくてはならないことを検証してみました。
ここでは、終了時刻が開始時刻より1時間以上大きくなるように検証を書きたいと思います。
sampleLink:DateTimePicker Example
$('#startTime').datetimepicker({
onClose: function(dateText, inst) {
var endDateTextBox = $('#endTime');
if (endDateTextBox.val() != '') {
var testStartDate = new Date(dateText);
var testEndDate = new Date(endDateTextBox.val());
if (testStartDate > testEndDate)
endDateTextBox.val(dateText);
}
else {
endDateTextBox.val(dateText);
}
},
onSelect: function (selectedDateTime){
var start = $(this).datetimepicker('getDate');
$('#endTime').datetimepicker('option', 'minDate', new Date(start.getTime()));
}
});
$('#endTime').datetimepicker({
onClose: function(dateText, inst) {
var startDateTextBox = $('#startTime');
if (startDateTextBox.val() != '') {
var testStartDate = new Date(startDateTextBox.val());
var testEndDate = new Date(dateText);
if (testStartDate > testEndDate)
startDateTextBox.val(dateText);
}
else {
startDateTextBox.val(dateText);
}
},
onSelect: function (selectedDateTime){
var end = $(this).datetimepicker('getDate');
$('#startTime').datetimepicker('option', 'maxDate', new Date(end.getTime()));
}
});
私はこれを試してみました同じになるように、開始時間と終了時間を得ました。しかし、どのように終了時間を1時間増やすのか分かりません。
たとえば、開始時刻の値が03-23-2012 10:00 AMの場合、エンドタイムを03-23-2012 11:00 AMとしたい場合は これで助けてもらえますか?
おかげ
時間を許可する日付ピッカーを使用していますか?どのウィジェットを使用していますか? –
私はそれがdatetimepickerだと言及することを忘れてしまいます。 – saran
そのプラグインへのリンクを提供できますか? –