DateTimePicker Examples

  1. Basic Usage of DateTimePicker with <input type="text">
  2. Basic Usage of DateTimePicker with <input type="date"> or <input type="time"> or <input type="datetime">

    * This does not work in IE versions less than 9

  3. Basic Usage of DateTimePicker with <input type="text">
  4. Show DateTimePicker on Event other than focus of Input Field
  5. DateFormat, TimeFormat or DateTimeFormat specified as a Data Attributes
  6. DateFormat, TimeFormat or DateTimeFormat specified as Plugin Parameters
  7. DateFormat, TimeFormat or DateTimeFormat specified as Plugin Parameters as well as Data Attribute. In this case, Data Attribute has a higher priority.
  8. Maximum and Minimum Date, Time or DateTime can be specified as Data Attribute
  9. Maximum and Minimum Date, Time or DateTime can be specified as Plugin Parameter
  10. Maximum and Minimum Date, Time or DateTime can be specified as Plugin Parameter and Data Attribute. In this case, Data Attribute has a higher priority.
  11. DateTimePicker Popup View specified as Parameter
  12. DateTimePicker Dropdown View specified as Parameter
  13. DateTimePicker View specified as HTML5 Custom Data Attribute
  14. DateTimePicker View selected based on Document Width