日期时间选择器验证的开始日期应小于结束日期,不能使用 [英] Datetime picker validation start date should be less than end date not working
本文介绍了日期时间选择器验证的开始日期应小于结束日期,不能使用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
jQuery日期时间选择器 验证开始日期应小于结束日期,并且我当前的代码无法正常工作
Jquery Date time picker validation start date should be less than end date, and my current code is not working
$(document).ready(function(){
$("#startdate").datetimepicker({
format:'Y-m-d H:i:s',
onSelect: function (selected) {
var dt = new Date(selected);
dt.setDate(dt.getDate() + 1);
$("#enddate").datetimepicker("option", "minDate", dt);
}
});
$("#enddate").datetimepicker({
format:'Y-m-d H:i:s',
onSelect: function (selected) {
var dt1 = new Date(selected);
dt1.setDate(dt1.getDate() - 1);
$("#startdate").datetimepicker("option", "maxDate", dt1);
}
});
});
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<label >Starts ON</label>
<input id="startdate" type="text" placeholder="YYYY-MM-DD HH:MM:SS" class="linecons-calendar"/>
<label>Ends ON</label>
<input id="enddate" type="text" placeholder="YYYY-MM-DD HH:MM:SS" class="linecons-calendar"/>
我无法验证onselect函数没有被触发
I am not able to validate onselect function is not getting triggered
推荐答案
尝试一下.它对我有用.
Try this. Its working for me.
var startDate;
$("#startdate").datetimepicker({
timepicker:true,
closeOnDateSelect:false,
closeOnTimeSelect: true,
initTime: true,
format: 'd-m-Y H:m',
minDate: 0,
roundTime: 'ceil',
onChangeDateTime: function(dp,$input){
startDate = $("#startdate").val();
}
});
$("#enddate").datetimepicker({
timepicker:true,
closeOnDateSelect:false,
closeOnTimeSelect: true,
initTime: true,
format: 'd-m-Y H:m',
onClose: function(current_time, $input){
var endDate = $("#enddate").val();
if(startDate>endDate){
alert('Please select correct date');
}
}
});
这篇关于日期时间选择器验证的开始日期应小于结束日期,不能使用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文