Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Any good lightweight date/time picker for web with good UI?

A few wishes:

  • If it is jQuery based, best.
  • If it focuses on easy UI rather than eye candy, better.
  • If it is both a date and time picker, good.

I should mention that I've already looked at most options available that I can find using Google.

The problem is not that there's not a single date+time picker included in the official jQuery-UI project so some are for older versions of jQuery, some have ugly UI choices, and one which has a somewhat good UI seems buggy.

like image 313
nexneo Avatar asked May 18 '09 20:05

nexneo


People also ask

How do I create a date and time picker in HTML?

The <input type="datetime-local"> defines a date picker. The resulting value includes the year, month, day, and time.

What is picker in UI?

The native UI picker is an interface that can be added to Spark AR effects. It lets people choose different options by tapping icons on the screen. The final effect in this tutorial lets the user tap different icons on the device screen to change the emojis shown in the effect.

Does angular material have time picker?

The Angular Time Picker, also known as the Angular Material Time Picker is a lightweight and mobile-friendly component that allows end users to select a time value either from a pop-up time list or by entering the value directly in the text box.


2 Answers

I've found Trent Richardson's date/time picker to be good. It has a heap of options and seems to work well.

Available here: http://trentrichardson.com/examples/timepicker/

It's based on jQuery UI

like image 170
Johnus Avatar answered Oct 16 '22 12:10

Johnus


Datepicker:

jQuery UI Datepicker

Timepicker:

timepickr plugin

Bonus points, both use the jQuery UI Themeroller.

like image 8
Jake McGraw Avatar answered Oct 16 '22 14:10

Jake McGraw