datetime picker bootstrap

Posted by deaguero at 2020-03-10

One of the simpliest implementation is the component. One of the simpliest implementation is the component. The default picker's position is at the bottom left of the button in the component implementation and under the input field in the simple implementation.In some cases (narrow screens), it can be very usefull to place the picker under the input field in the component implementation. Based on icon-remove class, a reset button can be activated to reset the content of the field.In this implementation, the view date has been setup by default to the 21 december 2012.Once the date and time are both setup, the popin will auto close, instead of staying open.The button today has been activated too the fill the input field with the current datetime.The minuteStep property can be used to specify the gap between each preset on the hour view.

icon-remove reset today minuteStep

On each update event, a secondary field is updated with a specific date format. Both id and format can be specified.The reset method will clear too this field.

id format reset

To select the date using the meridian, you can activate the showMeridian flag and display P to view the AM/PM selector in the input field.The HH format will display the hours in 12-format instead of 24-format hour.

showMeridian P HH