Mobiscroll Phone touch screen date picker

Source: Internet
Author: User
Tags dateformat

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!

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.