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

WittySparks

Ignite Your Thoughts

  • Topics
  • Reviews
  • Subscribe
WittySparks / Technology / Programming / DateBox – A Date and Time Picker plugin using jQuery Mobile

DateBox – A Date and Time Picker plugin using jQuery Mobile

Programming March 5, 2013 by Sravan Kumar Kandagatla

I just came across this DateBox, a Date and Time Picker plugin for mobiles built with jQuery Mobile and customized in various ways to get different date formats as an output. DateBox makes user interaction with dates and times simple and intuitive, easy to implement, and extensible.

DateBox - A Date Time Picker jQuery Mobile plugin
DateBox – A Date Time Picker jQuery Mobile plugin

DateBox is very simple to use by providing a lot of customization. DateBox comes in four different display modes one is Standard (popup mode), Forced input (modal popup mode), Unique page (dialog mode), and the other is Inline mode. So you could choose any mode to display the calendar which suits your application.

And DateBox also comes with Multiple Data Entry modes, like Android-style date picker, normal calendar style, Slide style, iPhone like Flip Wheel, 12 and 24-hour time picker, and Duration time picker. And yes, it is fully localized by allowing you to configure Month Names, Day Names, and all labels & buttons text is configurable too. This even supports data-limiting of inputs like maximum and minimum years, days – blacklisting of days of the week or specific dates, and allows you to select a specific day from any week selection.

And DateBox is touch-friendly as it uses jQuery mobile as a base, which means look and feel or theme can be changed as per your application color schemes or standards and to make you feel handy DateBox tool is also providing Theme Editor to quickly change or match the look and feel as per your current application where you want to use this tool. I am sure you would love this DateBox once you see these live examples.

Like it? Want me to share more useful plugins and tips like this? Then why not encourage me by spreading this useful tool :) and share some tools or plugins which you feel worth featuring and useful to others!

Appreciate your opinion on this topic on social media by tagging us @wittysparks
  • LinkedIn
  • Twitter
  • Like
  • Pinterest

Related Topics

  • Slide-out or Navigation Drawer jQuery Menus for your next web app!
  • Pickadate.js – jQuery mobile friendly and lightweight date picker!
  • Add Timepicker to jQuery UI Calendar or Datepicker
Launch Offer
Rocket.net - Managed WordPress hosting
Rocket.net - Managed WordPress hosting
$1 for first month, $25/month

A highly secured WordPress hosting platform powered by Cloudflare enterprises with customized services for agencies, eCommerce, and small businesses.

  • PageSpeed Guarantee
  • Ultra Secure Platform
  • FREE Migrations
  • Automatic Updates
Try for $1.00 Our Review
We earn a commission if you make a purchase, at no additional cost to you.

Our Favorite Tools

Semrush - SEO and Marketing Tools
Semrush - SEO and Marketing Tools
$119.95/mo
Try for FREE Our Review
Semrush - SEO and Marketing Tools
Lasso - All-in-one Affiliate Marketing Plugin for WordPress
$29/month
Start Free Trial Our Review
Semrush - SEO and Marketing Tools
Grammarly - AI-powered writing assistant
$12.00 / month
Try for FREE Our Review
Previous Post: « Add Timepicker to jQuery UI Calendar or Datepicker
Next Post: The Leap Motion Controller »
Profile picture for Sravan Kumar Kandagatla

About Sravan Kumar Kandagatla

Founder of 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 Kumar Kandagatla
  • LinkedIN
  • Twitter
  • Pinterest
  • Facebook
  • Instagram

Footer

Search

Exclusive Coupons

  • Moqups Review - Use coupon code “WITTYSPARKS" for 20% off or "PARTNERS50" for 50% discount on all plans.
  • Serpstat Review - Use coupon code "wittysparks_discount" for 30% off.
  • WPForms Review - Use coupon code "WITTYSPARKS" for 50% off.
  • WPPayForm Review - Use coupon code "wittysparks" for 10% to 40% off.

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 © 2022 · Hosting sponsored by Rocket.net (Affiliate link)

  • About Us
  • Contact Us
  • Privacy Policy
  • Affiliate Disclosure