Using JQuery Timer in ASP.NET

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>  
Ebook Download
View all
Learn
View all