If you scour the internet for date and time pickers, you’ll probably find hundreds of plugins and/or hacks to solve this ‘problem’. Let me save you time - don’t use plugins or hacks.
You should using time and date input types.
By doing the following, you instantly add support for date and time pickers on all (well mostly all) devices and operating systems:
<input type="time" placeholder="12:00am"> <input type="date" placeholder=“2016-10-10">
Check it out in action below: (Check it on other devices too!)
The one issue you may notice with this approach is that the input
placeholder attributes are no longer visible. This is sad indeed. Thankfully there is a workaround!
See the Pen Default date/time input types (placeholder visible) by Bradley Taunt (@bradleytaunt) on CodePen.
Published on August 26, 2016.
01 / Blogging with Blot