The recent creation of jquery Mobile because of the use of the calendar control, suddenly found Mobiscroll very good. and took off the record.
A mobiscroll is a date and time selector jquery plugin for touch devices (Android phones, IPhone, IPad, Galaxy Tab). You can make it easy for users to simply swipe the numbers to select a date. Mobiscroll as a jquery date plugin allows users to customize the theme, completely modify the style through CSS files, tested to perfect use in IOS4, Android 2.2, Android 2.3 browser, SAF
There are two styles: default and specifically with JQ mobile. Let's take a look at the Setup method:
$ ("#birthday"). Scroller ($.extend ({preset:"Date",//Date Form Date|datetime|timeMinDate:NewDate (1985,7,30),//Minimum DateMaxDate:NewDate (1995,12,30)//Maximum Date},{Theme:"Default",//style configuration Jqm|default default DefaultsMode: "Scroller",//scrolling mode scroller|clickpick|mixed default ScrollerDisplay: "Modal",//display mode modal|inline|bubble|top|bottom default modalLang: "En-US"//default en -US } ));
The configuration is relatively easy to understand. The key is the language only English ah, but modify it: such as SetText: "Set", Canceltext: "Cancel", respectively, is "OK and Cancel" text. Including the date shown above
Monthtext: "Month",
Daytext: "Day",
Yeartext: "Year",
Hourtext: "When",
Minutetext: "Min",
Sectext: "Seconds",
Ampmtext: " ",
Nowtext: "Now",
There is also a key issue, the default layout is month-day-year This is a bit awkward for us, the adjustment method is modified: DateOrder: "Mmddy" for DateOrder: "YMMDD" casually change the front of the DateFormat: "Mm/dd/yy", For DateFormat: "Yy-mm-dd",
The overall feeling is almost, if you want to change anything, do not do a good study!