Code Monkey home page Code Monkey logo

datetimefield's Introduction

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

datetimefield's People

Contributors

gportela85 avatar clintmilner avatar kidman90 avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.