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

WittySparks

Ignite Your Thoughts

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

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

Updated: January 30, 2022 by Sravan K • < 1 min read

Pickadate.js - A mobile-friendly, responsive, and lightweight jQuery date picker

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?
  • Latest Java Technologies & Trends for 2020

Topic: Programming

Profile picture for Sravan K Article by

Sravan K

Contributor at WittySparks
WittySparks Staff

Sravan is a Web enthusiast, who keeps on eye on all the latest happenings on web from AI to Web3, etc.

View all posts by Sravan K

Primary Sidebar

Featured Productivity Software

Notion logo
Notion

Notion Workspace can help you stay organized and take your productivity to the next level. Use Skillshare coupon code WITTYSPARKSFREE to watch the Notion Masterclass by Ali Abdaal for FREE.

Take Free Notion Masterclass

The Best Digital Marketing Tool

Semrush logo
Semrush

Semrush helps grow your business on your terms and gets to the top with 55+ marketing tools in 1. Get a flat 40% discount on Guru plan or Try 14-day PRO Trial.

Try Semrush for FREE

Footer

Explore Topics

  • Technology
  • Business
  • Marketing
  • SEO
  • View All Topics

Sponsors

Partnered with FreePik to use the licensed images.

turn to dhgate for smartphone

Affiliate Link Disclosure

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

Follow Us

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

Copyright © 2023 WittySparks - All rights reserved.
Hosted on Rocket.net

  • About Us
  • Contact Us
  • Privacy Policy