Диапазон лет BootStrap

Я хочу указать диапазон между двумя датпикерами. from и to, которые выглядят следующим образом: введите здесь описание изображения

На изображении выше я выбрал from year как 2011, и теперь я не хочу выбирать to year меньше года. Как можно этого добиться.

Код

$('#from').datepicker({
        format: "yyyy",
        autoclose: true,
        minViewMode: "years"
});

$('#to').datepicker({
        format: "yyyy",
        autoclose: true,
        minViewMode: "years"
});

JS-скрипт


person Sadikhasan    schedule 08.10.2014    source источник
comment
@TusharGupta Я добавил скрипку, пожалуйста, проверьте   -  person Sadikhasan    schedule 08.10.2014
comment
это может помочь вам stackoverflow.com/questions/21438647/   -  person jogesh_pi    schedule 08.10.2014


Ответы (3)


проверьте Fiddle

Код

$('#from').datepicker({
        format: "yyyy",
        autoclose: true,
        minViewMode: "years"
})    .on('changeDate', function(selected){
        startDate =  $("#from").val();
        $('#to').datepicker('setStartDate', startDate);
    }); 
;


$('#to').datepicker({
        format: "yyyy",
        autoclose: true,
        minViewMode: "years"
});

Видеть

 on('changeDate', function(selected){
     startDate =  $("#from").val();
     $('#to').datepicker('setStartDate', startDate);
}); 

Логика:

Здесь, после того как я выбираю From year , я устанавливаю его минимальный год, установленный From Datepicker, используя $('#to').datepicker('setStartDate', startDate); .

person Pratik    schedule 08.10.2014
comment
Пожалуйста, вставьте свой код скрипки в ответ, чтобы пользователь мог легко увидеть ваш код. - person Sadikhasan; 08.10.2014

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

вы можете проверить это, например, оно также написано с помощью ajax/jQuery jQuery Date Picker - отключить прошлое даты

это особенно касается отключения прошлых дат в средстве выбора даты: отключить прошлые даты в средстве выбора даты

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

Дополнительную информацию о minDate см. в API: http://jqueryui.com/datepicker/#option-minDate

я предполагаю, что проверка исправления будет состоять в том, чтобы установить minDate примерно так (кредиты Dasun, который написал этот фрагмент кода в приведенной выше ссылке)

minDate: dateToday Or minDate: '0' is the key here. Try to set the minDate property.

$(function() {
    $( "#datepicker" ).datepicker({
            numberOfMonths: 2,
            showButtonPanel: true,
            minDate: dateToday // minDate: '0' would work too
        });
});
person Ferdinand Fatal    schedule 08.10.2014
comment
У меня есть два средства выбора даты from и to. Мне нужен диапазон между этими двумя датпикерами. - person Sadikhasan; 08.10.2014

Вот демонстрация

Вам просто нужно указать свойство onSelect для выбора даты:

onSelect: function(){
    $('#to').datepicker('option', 'minDate', new Date($(this).datepicker("getDate").getFullYear(),0,1));       
}
person aleha    schedule 08.10.2014
comment
ЭТО ПОЛЬЗОВАТЕЛЬ JQUERY CALENDER ХОЧЕТ BOOOTSTRAP - person Pratik; 08.10.2014