2011-09-12 64 views
21

我使用jquery的datepicker作为字段来设置出生日期,同时显示默认选择器,可以选择每月滚动到日期并且听起来很乏味。有没有一种方法可以直接改变年份,而不是使用月份来轮流改变年份。jquery datepicker年变

+0

您使用的是默认jQuery UI的日期选择器? –

回答

54

在datepicker上有changeYear属性,您可以将其设置为true

$(".selector").datepicker({ changeYear: true }); 

http://jqueryui.com/datepicker/#dropdown-month-year

,这会使得一个选择列表,从中你可以选择你想要的年份。

+1

什么是我不想*选择*,但一个小*输入*?保持所有样式和功能 –

23

在您的DataPicker参数中插入changeYear: true

例子:

$(function() { 
     $(".datepicker").datepicker({ 
      changeMonth: true, 
      changeYear: true 
     }); 
    }); 
2

您可以启用通过 'changeYear' 属性一年下拉列表(见:jQuery UI)从日期选择对象。

5

changeYear: true,如下面的代码示例所示:

$("#birth_date").datepicker({ 
      dateFormat: 'yy-mm-dd', 
      changeMonth: true, 
      changeYear: true, 
      maxDate: '-1D' 
     }, 
     $.datepicker.regional["fr"] 
    ); 

请参考这里获得更多选项:https://jqueryui.com/datepicker/