It shoud work... I will send you a working code using the jquery datepicker... Implement it if it does what you want.
$(document).ready(function () {
AjaxEnds();
if (!Sys.WebForms.PageRequestManager.getInstance().get_isInAsyncPostBack()) {
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(AjaxEnds);
}
});
function AjaxEnds() {
BindDatePicker();
}
function BindDatePicker() {
if ($(".txtDate").length > 0)
$(".txtDate").datepicker({ dateFormat: 'dd/mm/yy', changeMonth: true, changeYear: true, showAnim: 'clip', yearRange: "-1000:+1" });
if ($(".txtDateTime").length > 0)
$(".txtDateTime").datepicker({ dateFormat: 'dd/mm/yy', changeMonth: true, changeYear: true, showAnim: 'clip', showTime: true, duration: '', yearRange: "-1000:+1" });
if ($(".txtDateNow").length > 0) {
$(".txtDateNow").datepicker({ dateFormat: 'dd/mm/yy', changeMonth: true, changeYear: true, showAnim: 'clip', yearRange: "-1000:+1" });
$(".txtDateNow").datepicker("setDate", new Date());
}
if ($(".txtTimeNow").length > 0) {
$(".txtTimeNow").ptTimeSelect({
hoursLabel: 'Hour',
minutesLabel: 'Minutes',
setButtonLabel: 'Set',
onFocusDisplay: true,
zIndex: 10
});
}
}
Download jquery datepicker and ptTimeSelect.. and add them in html header, like you did in your question, based on what you asked you already know how to add the jquery to your page.. I hope this helps you..
Regards,
Ibrahim Karakira