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

Question

I am using bootstrap datepicker in my form and I just initialized bootstrap datepicker in an input field which created dynamically. The code snippet is

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

It shows date picker only. It doesn't disable the dates. I've tried

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

What I'm trying to do is to show only dates within a range. For example, from 02/19/2015 to 02/23/2015. Can someone help me?

Answer 1

Try this:

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

Use startDate and endDate instead of minDate/maxDate

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

Answer 2

You have an extra comma at the end of your object, try this:

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

Answer 3

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

Demo

Answer 4

Insted of minDate/maxDate use startDate/endDate

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

});