UI_date/time

Demo page for date/time picker UI

Download .zip Download .tar.gz View on GitHub

UI_datetime Demo

(back to Main page)

Common Cotonti date/time selection controls New date/time UI controls (used with extension)
Test date UI widget
(mm/dd/yy)
Test time UI widget
:
(mm/dd/yy) (HH:mm)
Test date/time widget
:
(mm/dd/yy) (HH:mm)
Test date/time widget (combined mode)
:
(mm/dd/yy HH:mm)

Help:

In this test table you can see Cotonti `old style` elements for date/time selection (in first column) and `new style` unified elemints that will be used in Cotonti when ui_datetime extension installed.

New UI elements are linked with standard ones. You may change values in it to test it.


You can use keyboard shortcuts to drive the datepicker:

  • page up/down - previous/next month
  • ctrl+page up/down - previous/next year
  • ctrl+home - current month or open when closed
  • ctrl+left/right - previous/next day
  • ctrl+up/down - previous/next week
  • enter - accept the selected date
  • ctrl+end - close and erase the date
  • escape - close the datepicker without selection

PrevNext
September 
SuMoTuWeThFrSa
1234567
891011121314
15161718192021
22232425262728
2930     
Time
23:27
Hour
Minute