美文网首页
datepicker设置开始时间不能大于结束时间

datepicker设置开始时间不能大于结束时间

作者: 悠悠神代不曾闻 | 来源:发表于2017-03-31 10:05 被阅读913次
    $("#info_salesdate").datetimepicker({//datetimepicker可以选择时分秒
                showOtherMonths: true,
                selectOtherMonths: true,
                changeMonth: true,
                changeYear:true,
                dateFormat: "yy-mm-dd",
                onSelect: function(startDate) {
                    //当选择开始日期的时候把结束日期的最小时间设置为这个时间
                    $("#info_canceldate").datetimepicker( "option", "minDate", startDate );
                } 
            }); 
            $("#info_canceldate").datetimepicker({//datetimepicker可以选择时分秒
                showOtherMonths: true,
                selectOtherMonths: true,
                changeMonth: true,
                changeYear:true,
                dateFormat: "yy-mm-dd",
                onSelect: function(endDate) {
                   //当选择结束日期的时候把开始日期的最大时间设置为这个时间
                   $("#info_salesdate").datetimepicker( "option", "maxDate", endDate );
                } 
            }); 
    //在页面加载的时候执行下面几行,设置好开始日期的最大时间和结束日期的最小时间
    var salesdate = $("#info_salesdate").val();
    var canceldate = $("#info_salesdate").val();
    $("#info_canceldate").datetimepicker( "option", "minDate", salesdate ); 
    $("#info_salesdate").datetimepicker( "option", "maxDate", canceldate );
    //datapicker和datetimepicker都能使用这中方法,但是datetimepicker的源代码有一些bug,
    //导致这样设置不能精确到时分秒,不建议使用。
    

    相关文章

      网友评论

          本文标题:datepicker设置开始时间不能大于结束时间

          本文链接:https://www.haomeiwen.com/subject/ypbmottx.html