Skip to content

cokyhe/jquery-datepicker-ios-android-theme

 
 

Repository files navigation

Mobiscroll

jquery-datepicker-ios-android-theme fork

This is a fork from brodybits, thanks.

What's new:

  1. IOS8 style support (Breathing the fresh air once again)
  2. Multilanguage (Simplified Chinese added)
  3. Zepto compatible
  4. Fix a bunch of bugs (See below)

Please check Demo Page and demo_without_jqueryui.html for more details.

Look like sh*t or not

IOS

qq20150813-4 2x

Android ICS

qq20150813-5 2x

Android ICS Light

qq20150813-6 2x

Usage

$('#date').scroller({
  theme: 'ios',  // options: ios / ios-classic / android-ics / android-ics light / android / sense-ui
  lang: 'zh_CN', // options: zh_CN (default: Englishhhh)
  preset: 'date', // options  date / time / datetime
  onClose: function(),
  onSelect: function(),
  onCancel: function()
});

Changelog 1.7.5

Bugfixes

  • Avoid CSS selector conflicts

  • Full screen blackdrop warranty

Enhancements

  • Zepto compatible

Changelog 1.7

Bugfixes

  • nahnnn

Enhancements

  • IOS8 style

  • Multilanguage

  • Click blackdrop to close

Notes

  • original ios theme is renamed to ios-classic

Changelog 1.6

Bugfixes

  • Fixed: Tap & hold changes the value on a 300ms interval instead of 200ms (for slower devices)

  • Fixed: When using custom wheels, parseValue function defaults to first value on the wheel, if cannot parse the input value to a valid wheel value

Enhancements

  • Added: showLabel option - show/hide labels on the top of the wheels, default is true

  • Added: showValue option - show/hide formatted value in the header of the popup, default is true

  • Added: Android ICS ('android-ics') and Android ICS Light ('android-ics light') skins

Changelog 1.5.3

Bugfixes

  • Fixed: Mouse scroll wheel works now with jQuery 1.7+

  • Fixed: Don't always parse input value on show, only if changed

  • Fixed: Time was incorrectly parsed, if there was no date

Changelog 1.5.2

Bugfixes

  • Fixed: First selected value did not work correctly by default for custom scrollers

  • Fixed: Incorerect parsing of am/pm time for 12:xx AM

Enhancements

  • Added: animation on touchend/mouseup event

  • Added: full CSS3 support for Opera 11 and IE10

Changelog 1.5.1

Bugfixes

  • Fixed: Destroy didn't set correctly the original readonly state of the input element.

  • Fixed: Input element is not set to readonly if showOnFocus is false

  • Fixed: Disabled state of form inputs was not correctly reset after hiding the scroller.

  • Fixed: Don't show scroller if disabled and show is called programatically.

Enhancements

  • Added: if the onClose handler returns false, close is now prevented.

  • Added: onCancel event handler.

Notes

  • From now we are using .prop to set readonly/disabled states. This means thet jQuery >= 1.6 is required.

Changelog 1.5

Bugfixes

  • Fixed: setDate method incorrectly sets year, when seconds option is false

Enhancements

  • Added: mode option, with two possible values: 'scroller' and 'clickpick', where 'scroller' is the default behaviour, while 'clickpick' renders + and - buttons for each wheel (Android style).

  • Added: new and updated skins: Android, Sense UI, iOS. Set the theme option to 'android', 'sense-ui' and 'ios'

Notes

  • Support for jQuery Mobile 1.0beta1 is now removed (click event was not working). Upgrade to beta2 to use the latest version of MobiScroll.

Known Issues

  • 'Scroller' mode is still not working in Firefox Mobile and IE on WP7

  • When using 'Clickpick' mode, very fast taps causes page zoom on HTC Android.

Changelog 1.0.2

Bugfixes

  • Fixed: Click bleedtrough and focus holding with JQM beta 1
  • Fixed: Missing hour 0 on timepicker

Enhancements

  • Added: Date format options for date wheels through the dateOrder option

About

Customizable jQuery date and time picker for touch devices (Android, iOS)

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 60.3%
  • CSS 23.8%
  • HTML 15.9%