Home > > jquery ui的日期選單datepicker只有1990年改大預設年份

jquery ui的日期選單datepicker只有1990年改大預設年份

2009年1月8日星期四

重點:

yearRange:"-20:+20", 

yearRange:"-100:+20", 

 

參考如下:

使用datepicker最主要的目的就讓使用者能夠更輕鬆的選擇日期

所以datepicker如果沒有設定的彈性的話的就沒什麼用了

datepicker預設可選的年份是你目前選中的年份+-10年

cloudio就遇到專案經理說你的預設年份是系統現在的日期

而我的datepicker欄位主要是拿來讓使用者輸入生日用的

那麼這種情況+-10年且預設日期就不符合需求了

因為如果他目前要收集的資料都是落在20歲的使用者

等於他最少要點兩次下拉清單才能選到他要的年齡

所以如果我直接把可選日期加到+-20年是不是比較好選

除了+-20當做可選年份

另外如果一載入表單直接預設20年前呢?

所以就要小小的設定一下了

  1. $(document).ready(function(e){ 
  2.     $("#date").datepicker({ 
  3.     dateFormat:"yy/mm/dd", 
  4.     yearRange:"-20:+20", 
  5.     defaultDate:(new Date(new Date().getFullYear()-20+"/01/01")-new Date())/(1000*60*60*24) 
  6.     }); 
  7. }) 
  8. </script> 

 

現在datepicker會顯示成這樣了

 

來源:http://www.dotblogs.com.tw/cloudio/archive/2008/08/08/4840.aspx

0 Responses to "jquery ui的日期選單datepicker只有1990年改大預設年份"