it-swarm.com.ru

установка минимальной даты в jquery datepicker

Привет, я хочу установить минимальную дату в моем jquery datepicker (1999-10-25), поэтому я попробовал приведенный ниже код, он не работает.

$(function () {
    $('#datepicker').datepicker({
        dateFormat: 'yy-mm-dd',
        showButtonPanel: true,
        changeMonth: true,
        changeYear: true,
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true,
        minDate: new Date(1999, 10 - 1, 25),
        maxDate: '+30Y',
        inline: true
    });
});

** если я изменю минимальный год на 2002 и выше, то он будет работать нормально, но если я укажу минимальный год меньше, чем 2002 (например, выше, например, 1999), он будет отображаться только до 2002 года. Кто-то может мне помочь. я использую jquery-1.7.1.min.js и jquery-ui-1.8.18.custom.min.js.

44
user1184777
$(function () {
    $('#datepicker').datepicker({
        dateFormat: 'yy-mm-dd',
        showButtonPanel: true,
        changeMonth: true,
        changeYear: true,
yearRange: '1999:2012',
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true,
        minDate: new Date(1999, 10 - 1, 25),
        maxDate: '+30Y',
        inline: true
    });
});

Только что добавлена ​​опция диапазона года. Это должно решить проблему

89
Gaurav

Проблема в том, что по умолчанию опция yearRange составляет 10 лет.

Итак, 2012 - 10 = 2002.

Поэтому измените yearRange на c-20:c или просто 1999 (yearRange: '1999:c') и используйте его в сочетании с ограничивающими датами (mindate, maxdate).

Для получения дополнительной информации: http://jqueryui.com/demos/datepicker/#option-yearRange


Смотрите пример: http://jsfiddle.net/kGjdL/

И твой код с дополнением:

$(function () {
    $('#datepicker').datepicker({
        dateFormat: 'yy-mm-dd',
        showButtonPanel: true,
        changeMonth: true,
        changeYear: true,
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true,
        minDate: new Date(1999, 10 - 1, 25),
        maxDate: '+30Y',
        yearRange: '1999:c',
        inline: true
    });
});
13
Marco Johannesen

На всякий случай, если, например, вам нужно указать минимальную дату, последние 3 месяца и максимальную дату в следующие 3 месяца

$('#id_your_date').datepicker({ 
   maxDate: '+3m',
   minDate: '-3m'
 });
2
Ezequiel García

Просто хочу добавить это для будущего программиста.

Этот код ограничивает дату min и max . Год полностью контролируется путем получения текущего года как max year.

Надеюсь, что это может помочь кому-либо.

Вот код.

var dateToday = new Date();
var yrRange = '2014' + ":" + (dateToday.getFullYear());

$(function () {
    $("[id$=txtDate]").datepicker({
        showOn: 'button',
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        buttonImageOnly: true,
        yearRange: yrRange,
        buttonImage: 'calendar3.png',
        buttonImageOnly: true,
        minDate: new Date(2014,1-1,1),
        maxDate: '+50Y',
        inline:true
    });
});
1
rthonz

Hiya рабочая демоверсия: http://jsfiddle.net/femy8/

Теперь календарь пойдет только к минимуму 1999-10-25.

Нажмите на изображение, то есть маленький значок рядом с текстовым полем для отображения календаря. Вы можете попробовать выбрать до 1999 года, но минимальная дата для выбора - 25 октября 1999 года. Это то, что вы хотите.

Это поможет, есть хороший! :) ура!

Jquery Code

$(".mypicker").datepicker({
    changeYear: true,
    dateFormat: 'yy-mm-dd',
    showButtonPanel: true,
    changeMonth: true,
    changeYear: true,
    showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true,
        minDate: new Date('1999/10/25'),
        maxDate: '+30Y',
        inline: true
});


​
1
Tats_innit

в основном, если вы уже указали диапазон года, нет необходимости использовать mindate и maxdate, если требуется только год

0
Roshan

Попробуй вот так

<script>

  $(document).ready(function(){
          $("#order_ship_date").datepicker({
           changeMonth:true,
           changeYear:true,           
            dateFormat:"yy-mm-dd",
            minDate: +2,
        });
  }); 


</script>

hTML-код приведен ниже

<input id="order_ship_date"  type="text" class="input" style="width:80px;"  />
0
kanhaiya kumar