Using JQuery Timer in ASP.NET

In this blog you will learn how to populate Date & Time Picker in ASP.NET.

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

To use, need to add JS reference

<%--DateTime Picker--%>
<link href="js/Mugifly_DateTimePicker/jquery.simple-dtpicker.css" rel="stylesheet" />
<script src="js/Mugifly_DateTimePicker/jquery.simple-dtpicker.js" type="text/javascript"></script>

If we are using update panel, need to put following lines:

<%--Display Datetime--%>
<script type="text/javascript">
$(document).ready(function () {
TimeDisplay();
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(TimeDisplay);
});

Else, put the below lines, it will enough:

function TimeDisplay() {
$('*[id=<%= txtDuration.ClientID %>]').appendDtpicker({
"futureOnly": true,
"minuteInterval": 1
});
}
</script>