demoshop

demo, trying to be the best_

官方網站
http://jonathanleighton.com/projects/date-input

因為 jQuery UI 的 Datepicker 有點龐大(約100k),所以 demo 試了幾種較輕量化的 日期選擇器,東挑西挑下選擇了這套,jQuery Date Input (12k)毫無特效,不過對於基礎的選擇日期是堪用了。

進入官網以後就可以看到詳細的使用說明,所以 demo 也不白目的介紹怎麼使用,但是在套用以後想改成中文,官方是有提供中文語言檔沒錯,但是小小的語言檔要在掛載一次感覺不是很好(而且語系是zh-cn),所以就直接動手整合到原始檔案內,而這套日期選擇器還有一個特別詭異的地方,就是不能選擇日期格式,因此順手修改成「2009-09-09」的格式,如果你有需要就下載吧

原始版】【最小化版

如果你對於〔2009-09-09〕這種格式不滿意的話可以自行修改以下這段(229行)

  1. dateToString: function(date) { 
  2.     var getDate = date.getDate(); 
  3.     if (getDate < 10) 
  4.         getDate = "0" + getDate; 
  5.     return date.getFullYear() + "-" + this.short_month_names[date.getMonth()] + "-" + getDate; 
  6. }, 

 


執行畫面如下,看得出來真的很陽春吧

回應討論