bootstrap datepicker选择日期区间

第一种方式:两个input控件之间控制大小

$('#startDate').datepicker({
    language: 'zh-CN', //语言
    autoclose: true, //选择后自动关闭
    format: 'yyyymmdd'
}).on('changeDate',function(e){  
    var startTime = e.date;  
    $('#endDate').datepicker('setStartDate',startTime);  
});

$('#endDate').datepicker({
    language: 'zh-CN', //语言
    autoclose: true, //选择后自动关闭
    format: 'yyyymmdd'
}).on('changeDate',function(e){  
    var endTime = e.date;  
    $('#startDate').datepicker('setEndDate',endTime);  
});

第二种方式:一个input表示

发布了58 篇原创文章 · 获赞 1 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/zh_chong/article/details/103924449