在动态创建的datepicker中禁用日期

时间:2015-02-21 16:56:28

标签: javascript jquery html datepicker

我在我的表单中使用bootstrap datepicker,我刚刚在动态创建的输入字段中初始化了bootstrap datepicker。代码段是

$('.editTableDatePicker').datepicker({
    format: 'mm/dd/yyyy',
    minDate: '02/19/2015',
    maxDate: '02/22/2015'
});

仅显示日期选择器。它不会禁用日期。我试过了

$('.editTableDatePicker').datepicker({
    format: 'mm/dd/yyyy',
    startDate: '02/19/2015', // also tried setStartDate
    endDate: '02/22/2015' // also tried setEndDate
});

我尝试做的只是显示范围内的日期。例如,从2015年2月19日到2015年2月23日。有人能帮助我吗?

4 个答案:

答案 0 :(得分:0)

试试这个:

$('.editTableDatePicker').datepicker({
    format: 'mm/dd/yyyy',
    startDate: '02/19/2015',
    endDate: '02/22/2015',
});

使用startDateendDate代替minDate/maxDate

https://bootstrap-datepicker.readthedocs.org/en/release/options.html

答案 1 :(得分:0)

你的对象末尾有一个额外的逗号,试试这个:

$('.editTableDatePicker').datepicker({
    format: 'mm/dd/yyyy',
    startDate: '02/19/2015',
    endDate: '02/22/2015' // No comma here
});

答案 2 :(得分:0)

$('#datepicker').datepicker({
    format: 'mm/dd/yyyy',
    startDate: '02/13/2015',
    endDate: '02/22/2015' 
});

Demo

答案 3 :(得分:0)

Insved of minDate / maxDate 使用 startDate / endDate

  $('.editTableDatePicker').datepicker({
format: 'mm/dd/yyyy',
startDate: '02/19/2015',
endDate: '02/22/2015',

});