Bootstrap 中的开始日期和结束日期

2023-11-23

我正在使用 Bootstrap DatePicker。我要验证从日期 and To Date。开始日期正确选择今天的日期。我有一个问题“迄今为止没有选择开始日期(即从日期值)”。如何解决它?

  $(document).ready(function() {
    $('#fromDate').datepicker({
        startDate: new Date(),
    });

    $('#toDate').datepicker({
        startDate: $('#fromDate').val(),
    });
 });

在你设定的时间$('#toDate').datepicker(), 的价值$('#fromDate')是空的。

你应该设置默认值startDate and endDate变量放在开头并添加changeDate日期选择器的事件侦听器。

Eg.:

// set default dates
var start = new Date();
// set end date to max one year period:
var end = new Date(new Date().setYear(start.getFullYear()+1));

$('#fromDate').datepicker({
    startDate : start,
    endDate   : end
// update "toDate" defaults whenever "fromDate" changes
}).on('changeDate', function(){
    // set the "toDate" start to not be later than "fromDate" ends:
    $('#toDate').datepicker('setStartDate', new Date($(this).val()));
}); 

$('#toDate').datepicker({
    startDate : start,
    endDate   : end
// update "fromDate" defaults whenever "toDate" changes
}).on('changeDate', function(){
    // set the "fromDate" end to not be later than "toDate" starts:
    $('#fromDate').datepicker('setEndDate', new Date($(this).val()));
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Bootstrap 中的开始日期和结束日期 的相关文章

随机推荐