bootstrap 开始时间结束时间

最新推荐文章于 2022-08-17 17:44:44 发布

转载最新推荐文章于 2022-08-17 17:44:44 发布 · 261 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/baixc/p/5387168.html

本文介绍了一个日期选择器的实现方式，确保用户选择的开始日期始终早于结束日期。通过使用jQuery插件，开发者可以轻松地为两个日期输入框设置相互依赖的约束条件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

作为一个日期选择控件，当涉及到同时选择开始日期和结束日期时，两者的日期时间值之间是存在一定的约束条件的，即保证任何情况下开始日期要小于结束日期。

//日期时间选择器
$("#datetimeStart").datetimepicker({
    format: "yyyy-mm-dd",
    autoclose: true,
    minView: "month",
    maxView: "decade",
    todayBtn: true,
    pickerPosition: "bottom-left"
}).on("click",function(ev){
    $("#datetimeStart").datetimepicker("setEndDate", $("#datetimeEnd").val());
});
$("#datetimeEnd").datetimepicker({
    format: "yyyy-mm-dd",
    autoclose: true,
    minView: "month",
    maxView: "decade",
    todayBtn: true,
    pickerPosition: "bottom-left"
}).on("click", function (ev) {
    $("#datetimeEnd").datetimepicker("setStartDate", $("#datetimeStart").val());
});

转自：http://my.oschina.net/xiaoxiangdaizi/blog/485189

转载于:https://www.cnblogs.com/baixc/p/5387168.html