demoshop

官方網站

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行)

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

 

---

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