This blog taken reference from Mugifly DateTimePicker. It help to populate Date & Time Picker.

To use, need to add JS reference
  1. <%--DateTime Picker--%>
  2. <link href="js/Mugifly_DateTimePicker/jquery.simple-dtpicker.css" rel="stylesheet" />
  3. <script src="js/Mugifly_DateTimePicker/jquery.simple-dtpicker.js" type="text/javascript"></script>
If we are using update panel, need to put following lines:
  1. <%--Display Datetime--%>
  2. <script type="text/javascript">
  3. $(document).ready(function () {
  4. TimeDisplay();
  5. var prm = Sys.WebForms.PageRequestManager.getInstance();
  6. prm.add_endRequest(TimeDisplay);
  7. });
Else, put the below lines, it will enough:
  1. function TimeDisplay() {
  2. $('*[id=<%= txtDuration.ClientID %>]').appendDtpicker({
  3. "futureOnly": true,
  4. "minuteInterval": 1
  5. });
  6. }
  7. </script>