kevind7 / DateTimeField

A DateTime Field UX for 5.x and 6.x that is also compatible with Architect 3.x.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

DateTimeField

A DateTime Form Field UX for Sencha, ExtJS 5.x and ExtJS 6.x.
For ExtJS 4.2.x, please access here.

This widget displays a Time Picker panel by the Date Picker panel.
There is a DateTimeField.aux file already encapsulated and ready for use with Sencha Architect 3.x.


Usage

You only need to change the format value for the Time Picker to work. Having a format with "H" makes it 24/hour and "h" makes it 12/hour format.
Eg: 'm/d/Y H:i:s' or 'm/d/Y h:i A'

Accessibility

  • SHIFT + UP/DOWN - Changes the Hour Value
  • SHIFT + CMD (or CTRL Windows) + UP/DOWN - Changes the Minute Value

Fiddle: https://fiddle.sencha.com/#fiddle/rn3

Screenshots - Access Theme

access12

access24

Screenshots - Classic Theme

classic12

classic24

Screenshots - Neptune Theme

neptune12

neptune24

Screenshots - Crisp Theme (ExtJS 5)

neptune12

neptune24

Screenshots - Triton Theme (ExtJS 6)

triton12

triton24

Screenshots - Graphite Theme (ExtJS 6)

graphite12

graphite24

About

A DateTime Field UX for 5.x and 6.x that is also compatible with Architect 3.x.

License:MIT License


Languages

Language:JavaScript 95.9%Language:HTML 3.9%Language:Ruby 0.2%