Плагин Datepicker для текстового поля даты рождения

Я нашел очень простой в использовании datepicker, называемый jquery datepicker. Но проблема в том, когда я хочу использовать его для даты рождения. Например: мой год рождения - 1986 год, а в текущем году - 2013 год, тогда мне нужно многократно нажимать стрелку влево, чтобы уменьшить месяцы, пока не нахожу 1986. Это будет более проблематичным, если мой год рождения составляет 1960 года или ниже.

Кто-нибудь знает какой-нибудь плагин datepicker, подходящий для этого? Возможно, датапикер, который год или месяц может быть выбран из Dropbox или что-то еще?

Ответ 1

Вкратце:, вы можете сделать это в разделе Ограничивающий Datepicker на демонстрационной странице .

Если вы посмотрите вниз на демонстрационную страницу, вы увидите раздел "Ограничить дату". Используйте раскрывающийся список, чтобы указать демонстрацию "Year dropdown shows last 20 years", и нажмите кнопку просмотра:

$("#restricting").datepicker({ 
    yearRange: "-20:+0", // this is the option you're looking for
    showOn: "both", 
    buttonImage: "templates/images/calendar.gif", 
    buttonImageOnly: true 
});

Вы захотите сделать то же самое (явно меняя -20 на -100 или что-то еще).

Вариант № 2: использует опции changeMonth и changeYear для api.

Попробуйте использовать "yy" для текущего года, например:

$('.datepicker').datepicker({changeYear: true, yearRange : 'yy-50:yy+1'});

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

Ответ 2

У меня была такая же проблема, поэтому, если кто-то другой столкнулся с той же проблемой, я подумал, что отправлю решение. Это в ответе выше, но вы должны прочитать комментарии, чтобы получить все это.

В голове:

<script src="~/Scripts/jquery-1.10.2.js"></script>

<script>
    $(function () {
        $("#datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: '-100:+0'
        });
    });
</script>

И в HTML:

<input type="text" class="form-control" id="datepicker">

Это даст вам выбор даты, где месяц будет его выпадающим списком, год - это собственное раскрывающееся меню, и год начинается в текущем году и возвращается на 100 лет.

Ответ 3

Добавьте строку ниже в приглашении datepicker для диапазона, который вы хотите отобразить в раскрывающемся меню

yearRange: "1930:2025"

как это,

$( function() {
    $( "#celeb_dob" ).datepicker({
      changeMonth: true,
      changeYear: true,
      yearRange: "1930:2025"
    });
  } );