Mobiscroll手機觸屏日期選取器

標籤：android   style   class   blog   code   java   

  

最近在製作jquery mobile因要用到日曆控制項，突然發現Mobiscroll非常不錯。於是摘下來記錄。

A Mobiscroll是一個用於觸摸裝置（Android phones、iPhone、 iPad、Galaxy Tab）的日期和時間選取器jQuery外掛程式。可以讓使用者很方便的只需要滑動數字就可以選擇日期。Mobiscroll作為一款jQuery日期外掛程式可以讓使用者自訂佈景主題，完全通過CSS檔案修改樣式，經過測試可以完美使用在iOS4、Android 2.2、 Android 2.3的瀏覽器、Saf

預設有兩種風格：Default 與專門配合jq mobile的風格。下面我們來看一下設定方法：

    $("#birthday").scroller($.extend(        {            preset :"date",//日期形式 date|datetime|time            minDate: new Date(1985,7,30),//最小日期            maxDate: new Date(1995,12,30) //最大日期        },{            theme: "default",//風格配置 jqm|default 預設default            mode: "scroller",//滾動模式 scroller|clickpick|mixed 預設scroller            display: "modal",//顯示模式 modal|inline|bubble|top|bottom 預設modal            lang: "en-US" //預設en-US        }    ));

配置相對比較易懂一點。關鍵是語言只有英語呀，不過修改一下即可的：如    setText: "Set",    cancelText: "Cancel", 分別是“確定與取消”文本。包括上面顯示的年月日
    monthText: "月",
    dayText: "日",
    yearText: "年",
    hourText: "時",
    minuteText: "分",
    secText: "秒",
    ampmText: " ",
    nowText: "現在",

還有一個關鍵問題，預設排版是 月-日-年 這對我們來說有點彆扭，調整方法是修改：dateOrder: "mmddy"  為 dateOrder: "ymmdd"  隨便改一下前面的dateFormat: "mm/dd/yy",為dateFormat: "yy-mm-dd",

總體感覺就差不多了，如果你還想改什麼，不防好好研究一下！