• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
WittySparks Logo White

WittySparks

Ignite Your Thoughts

  • Topics
  • Reviews
  • Newsletter
WittySparks / Technology / Programming / Pickadate.js – jQuery mobile friendly and lightweight date picker!
Pickadate.js - A mobile-friendly, responsive, and lightweight jQuery date picker

Pickadate.js – jQuery mobile friendly and lightweight date picker!

Programming March 23, 2013 by Sravan K

As usual, I always look for better and lightweight UI widgets, I have come across this jQuery plugin Pickadate.js calendar or a date picker widget long back but just used it today, and working on this Pickadate.js was very handy and is totally customizable.

Pickadate.js is pretty lightweight and is just a 9.6kb min version and a 4.0kb gzipped version.

Suggestion: Would have been great if Pickadate.js developers work on it further to include swipe features, like if I swipe horizontally from left to right or right to left in mobile or tablet – it should

switch months instead of clicking on month previous and next arrows.

Following are the advanced customized options you could try and this code is pretty developer-friendly too:

  • Any language support
  • Custom date formats
  • Custom format parsing
  • Custom month and weekday tags
  • Today and clear buttons
  • Set Monday as the first day
  • Month and year dropdowns
  • Minimum and maximum date range
  • Disable arbitrary dates
  • Disable days of the week
  • Disable all dates.. except some
  • Disable picker for native calendar
  • Do stuff on calendar events
  • Ability to select a date range
  • Ability to launch or display calendar inline
  • Comes with Default and Classic themes and can easily create custom themes

and more you could do or customize by using their pickadate.js API which contains five basic events onStart, onOpen, onSelect, onClose, onRender.

Worth trying this cool Pickadate.JS and let us know your experience on customizing it.

Related Topics

  • PHP: Is it the best Programming Language ever?
  • How To Build A Great Search Box On Your Website
  • How to make Python3 version default in Windows OS?
Previous Post: « Accidents that took over the business world!
Next Post: Kymera Magic wand Remote control »
Profile picture for Sravan K

About Sravan K

Contributor at WittySparks
WittySparks Staff

Sravan is a highly experienced web designer, user experience designer and developer. You can connect with him on Twitter or LinkedIn and initiate a chat.

View all posts by Sravan K

Primary Sidebar

Search

Exclusive Coupons

  • Moqups coupon code: WITTYSPARKS for 20% or PARTNERS50 for 50% discount.
  • WPForms coupon code: WITTYSPARKS for 50% off.
  • Serpstat coupon code: wittysparks_discount for 30% off.
  • SEO Buddy coupon code: WITTYSPARKS for 25% off.
  • Morningscore coupon code: wittysparks for 30% off for 3 months.
  • FlexClip coupon code: WITTYSPARKS for 30% off.
  • Uplead coupon code: “witty” for 30-day free trial.
  • FastestVPN coupon codes: WITTYSPARKS15 or WITTYSPARKS10 or Get up to 93% OFF.
  • Outranking.io coupon code: WITTYSPARKS50 for 50% off.

For more such offers visit our exclusive offers for SEO, Bloggers, Marketers and for Business owners.

Featured Productivity Software

Notion logo
Notion

Whether you’re a solo entrepreneur or a large team, Notion Workspace can help you stay organized and get more done. Get started today and take your productivity to the next level.

Try Notion for FREE

Footer

Affiliate Disclosure

If you make a purchase from WittySparks links, we will receive a small commission. See our Affiliate Disclosure.

Sponsors

Partnered with FreePik to use the licensed images.

turn to dhgate for smartphone

Follow Us

  • Facebook
  • Twitter
  • Pinterest
  • LinkedIn
  • Instagram
  • YouTube
  • RSS

Copyright © 2023 · Hosting sponsored by Rocket.net (Affiliate link)

  • About Us
  • Contact Us
  • Privacy Policy
  • LinkedIn
  • Twitter
  • Like
  • Pinterest