Home

Awesome

DateTimeField

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

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


<b>Usage</b>

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. <br/> Eg: 'm/d/Y H:i:s' or 'm/d/Y h:i A'

<b>Accessibility</b>

<ul> <li><strong>SHIFT + UP/DOWN</strong> - Changes the Hour Value</li> <li><b>SHIFT + CMD (or CTRL Windows) + UP/DOWN</b> - Changes the Minute Value</li> </ul> <br> 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