2013-02-25 3 views
2

Update:установка ограничения даты начала в начальной загрузки DatePicker

Обновленный формат даты в формате HTML и присваивается текущая дата для данных, хотя предельный диапазон дат не ограничивая.

Новая скрипка: http://jsfiddle.net/D9Xav/143/

==========

Я пытаюсь к созданию DatePicker, который позволяет пользователю выбрать год и месяц. В настоящее время я в замешательстве, почему начальный месяц - 2013 год, и почему ограничение даты начала не мешает мне выйти за пределы года?

Вот код: http://jsfiddle.net/D9Xav/140/

Docs:

Код здесь, потому что правила:

<div id="dpMonths" class="input-append date" data-date-minviewmode="months" 
    data-date-viewmode="years" data-date-format="mm-yyyy" 
> 
    <input type="text" readonly=""> 
    <span class="add-on"> 
     <i class="icon-th"></i> 
    </span> 
</div> 

$('#dpMonths').data({ 
    date: '01/01/2000' 
}); 

$('#dpMonths').datepicker('update'); 

$('#dpMonths').datepicker({ 
    startDate: '+10y' 
}).on('changeDate', function (ev) { 
    console.log(ev.date); 
}); 

Я установил данные datepicker, потому что он сломается иначе, не был уверен, как обойти его/и я не знаю, почему он переписывается с сегодняшней датой/месяцем.

ответ

3

Похоже, что значение даты 01/01/2000 должно быть в том же формате, что и формат даты, который вы выбрали: mm-yyyy. Так что это должно быть 01-2000.

$('#dpMonths').data({ 
    date: '01-2000' 
}); 

Вы можете добавить это значение в свой HTML как атрибут данных, хотя, например, data-date="01-2000"

После того, как вы внесете это изменение, предел даты также будет работать.

[править] После обновления до новой версии, измените Javascript часть только это:

$('#dpMonths') 
    .datepicker({ 
     startDate: '-3y', 
     format: 'mm-yyyy' 
}) 
    .on('changeDate', function (ev) { 
    console.log(ev.date); 
}); 

Fiddle: http://jsfiddle.net/SdZBF/5/

+0

Спасибо за указание вопрос формата даты, это один вопрос исправлено, хотя ограничение даты для меня не работает? Я обновил формат даты в html и назначил сегодняшнюю дату в качестве данных. http://jsfiddle.net/D9Xav/143/ – Michael

+0

Я посмотрю – frostyterrier

+0

Похоже, что версия файла, который вы используете, устарела и даже не имеет startDate. Попробуйте загрузить последнюю версию: https://github.com/eternicode/bootstrap-datepicker/blob/master/js/bootstrap-datepicker.js – frostyterrier

Смежные вопросы