欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-08-25 21:00:52
//开始日期不大于结束时间,结束时间不小于开始时间,开始日期和结束日期都不小于当前日期 datepicker($("#startdate"), $("#end...
//开始日期不大于结束时间,结束时间不小于开始时间,开始日期和结束日期都不小于当前日期

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());
        }

    })
}