jQuery UI日期选择器

时间:2010-06-28 10:14:06

标签: jquery jquery-ui

我正在显示生日选项,并使用了jquery ui日期选择器。问题是我希望显示过去的日期,例如从1950年到2000年的 ,但我不知道该怎么做,我试过这个但是它不起作用:

$('#dob').datepicker({
    showOn: 'button',
    buttonImage: 'images/calendar.gif',
    buttonImageOnly: true,
    dateFormat: 'mm/dd/yy',
    changeYear: true,
    minDate: '-20Y',
    maxDate: '+1M +10D'
    });

价:

http://jqueryui.com/demos/datepicker/#min-max

更新

以下是我正在做的事情,你可以通过在那里更新代码来解决这个问题:

http://jsbin.com/uyake

由于

3 个答案:

答案 0 :(得分:5)

$('#dob').datepicker({
    showOn: 'button',
    buttonImage: 'images/calendar.gif',
    buttonImageOnly: true,
    dateFormat: 'mm/dd/yy',
    changeYear: true,
    minDate: new Date(1950, 0, 1) ,
    maxDate: new Date(2000, 11, 31),
    defaultDate: new Date(1950, 0, 1),
    yearRange: '1950:2000'
    });

工作演示是here:

答案 1 :(得分:1)

  

这将有助于显示特定年龄的日期范围

var age_limit = 20;
var inId = tag.id;
$("#datePicker").datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange: '1950:' + (new Date().getFullYear() - age_limit)
   });
$("#datePicker").datepicker( "option", "dateFormat", "yy-mm-dd" );
$("#datePicker").datepicker( "option", "showAnim", "drop" );

答案 2 :(得分:0)

使用日期对象作为minDate和maxDate选项中的值,例如:

{ 
  minDate: new Date(1950, 0, 1),
  maxDate: new Date(2000, 11, 31) 
}

这是根据:http://jqueryui.com/demos/datepicker/#option-minDate

完成的