当前位置： 移动技术网 > IT编程>网页制作>CSS > Bootstrap日期控件之日期范围控制

Bootstrap日期控件之日期范围控制

2019年01月11日  | 移动技术网IT编程  | 我要评论

688hh,深圳公明,印军再向巴境开火

//开始日期不大于结束时间，结束时间不小于开始时间，开始日期和结束日期都不小于当前日期

datepicker($("#startdate"), $("#enddate"));
function datepicker(startdate, enddate) {
    // 仅选择日期
    $("#startdate").datetimepicker({
            language: "zh-cn",
            weekstart: 1,
            autoclose: true,
            startview: 2,
            minview: 2,
            format: "yyyy-mm-dd",
            startdate: new date(),
            forceparse: false,
        }).on('changedate', function (ev) {
        if (ev.date) {
            $(enddate).datetimepicker('setstartdate', new date(ev.date.valueof()))
        } else {
            $(enddate).datetimepicker('setstartdate', null);
        }
    })

    $("#enddate").datetimepicker({
            language: "zh-cn",
            autoclose: true,
            startview: 2,
            minview: 2,
            format: "yyyy-mm-dd",
            startdate: new date()
        }).on('changedate', function (ev) {
        if (ev.date) {
            $(startdate).datetimepicker('setenddate', new date(ev.date.valueof()))
        } else {
            $(startdate).datetimepicker('setenddate', new date());
        }

    })
}

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网