两个datetimepicker时间弹窗判断结束日期不能早于开始日期的方法

最新推荐文章于 2023-09-27 16:05:31 发布

qq_42177730

最新推荐文章于 2023-09-27 16:05:31 发布

阅读量3.9k

点赞数

分类专栏： JavaScript基础知识点文章标签： jQuery之时间弹窗 datetimepicker时间弹窗判断结束日期不能早于开始日期的方法回车查询

本文链接：https://blog.csdn.net/qq_42177730/article/details/80911506

版权

本文介绍了如何使用jQuery插件datetimepicker设置开始和结束日期，并通过checkTime函数确保结束日期不早于开始日期。在日期选择改变时，会触发fnSearch进行查询。同时，还实现了搜索框的回车查询功能。

摘要由CSDN通过智能技术生成

//时间控件开始日期
$('#datetimepicker1').datetimepicker({
language: 'zh-CN',
format:'yyyy-mm-dd',
weekStart: 1, /*以星期一为一星期开始*/
autoclose: 1,
minView:2, /*精确到天*/
endDate:new Date(),
}).on('change',function(){
searchjson.page_num = 1;
searchjson.start_time = $('#datetimepicker1').val();
if(checkTime(searchjson.start_time,searchjson.end_time)){
fnSearch(searchjson);
}
});

//时间控件结束日期

$('#datetimepicker2').datetimepicker({
language: 'zh-CN',
format:'yyyy-mm-dd',
weekStart: 1, /*以星期一为一星期开始*/
autoclose: 1,
minView:2, /*精确到天*/
endDate:new Date(),
}).on('change',function(){
searchjson.page_num = 1;
searchjson.end_time = $('#datetimepicker2').val();
if(checkTime(searchjson.start_time,searchjson.end_time)){