Development journey (11): Date and Time selector datetimepicker

During project creation, users often need to enter data in the format of 09:55:53, which is a typical format such as year, month, day, hour, minute, and second. In this case, using datetimepicker is relatively simple.

Datetimepicket jquery plug-in: this plug-in is not mandatory to add the datetimepicker, datepicker, or timepicker drop-down list to your form. That's it. Good to see.

Unzip jqueryjavasdatetimepickerand datetimepicker.css to your page:

1 <link rel="stylesheet" type="text/css" href="jquery.datetimepicker.css"/ >2 <script src="jquery.js"></script>3 <script src="jquery.datetimepicker.js"></script>

Html

1 <input id = "datetimepicker" type = "text">

Javascript

1 $ ('# datetimepicker'). datetimepicker ();

1 $ ('# datetimepicker'). datepicker ();

1 $ ('# datetimepicker'). timepicker ();

The effect is as follows: