2011-09-12 63 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/