2

Пожалуйста, посмотрите на моем fiddleОграничить года на Месяц/DatePicker

То, что я после того, как для кнопки «Назад», чтобы быть отключено, если год соответствует текущему году, но я также хочу, чтобы ограничить кнопку «Далее» только для следующего года, который, если они нажмут на него, затем отключится.

Я пробовал использовать minDate: "0" и maxDate: "1y", но они не работают.

HTML

<div class="input-group date" style="width: 200px"> 
    <input type="text" id="example1" class="form-control" style="cursor: pointer"/> 
     <span class="input-group-addon"> 
      <i class="glyphicon glyphicon-calendar"></i> 
     </span> 
</div> 

JQuery

$('#example1').datepicker 
({ 
    format: "MM yyyy", 
    minViewMode: 1, 
    changeYear: true, 
    autoclose: true 
}); 

CSS

.datepicker-switch 
{ 
    pointer-events: none; 
} 

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

ответ

1

Это решение основано на решении J Сантош, но фиксировано требования от OP

Чтобы ограничить использование datepicker startDate и endDate. Проходят вычисляемый объект даты для опций для легкого использования (не обновление требуется в следующем году)

Reqs: startDate = this year и endDate = this + next year

Datepicker конфигурации:

$('#example1').datepicker({ 
    format: "MM yyyy", 
    minViewMode: 1, 
    autoclose: true, 
    startDate: new Date(new Date().getFullYear(), '0', '01'), 
    endDate: new Date(new Date().getFullYear()+1, '11', '31'), 
}); 

См демо: http://jsfiddle.net/RWY2X/28/

PS: changeYear Нет в наличии

+0

Думаю, что я удалил 'changeYear' lol, но ваше решение получило большое спасибо. – murday1983

0

Это то, что вы хотели? отключив все остальные годы, кроме текущего года

Если да, то используйте startDate и endDate варианты

Demo

+0

@J Santosh В следующем году кнопка не отображается когда при выборе сборщика – murday1983

+0

, если нажать следующую кнопку, то, что вы хотите отключить, например, если текущий год равен 2015 году, тогда следующая кнопка приведет к 2016 году, какой из них вы хотите отключить 2016 или 2017? –

+0

@J Santosh Когда календарь отображается, если год не соответствует текущему году (например, 2015), тогда должна отображаться кнопка «Далее». Если пользователь затем нажимает кнопку «Следующий год», они не могут снова нажимать на нее – murday1983