Jquery.ui's DatePicker By default is the jquery plugin of month and day, if add time and minutes only need to do the following modification can
1. Download jquery-ui-timepicker-addon.js and load on page
2. Add the following Timepicker style to the page
Copy Code code as follows:
. ui-timepicker-div. ui-widget-header {margin-bottom:8px;}
. ui-timepicker-div dl {text-align:left;}
. ui-timepicker-div DL DT {height:25px; Margin-bottom: -25px;}
. Ui-timepicker-div DL DD {margin:0 10px 10px 65px;}
. ui-timepicker-div td {font-size:90%;}
. ui-tpicker-grid-label {background:none; border:none; margin:0; padding:0;}
3. JS set the time format of an input
Copy Code code as follows:
<input type= "text" id= "datetime" Name= "datetime" value= ""/>
Datetimepicker:jquery.ui.datepicker <wbr> seconds to add
$ ("#datetime"). DateTimePicker (); Date + Time seconds
$ ("#datetime"). DatePicker (); Date
$ ("#datetime"). Timepicker (); Time and seconds
The above is jQueryUI DatePicker add minutes of the method, I hope to give you a reference, but also hope that we support cloud habitat community.