I have a date picker but onClose
and onSelect
will not fire. The code is in document.ready
so i know its initialized.
$('#DateRangeTo').datepicker({
beforeShow: function (input, inst) {
inst.dpDiv.css({ marginTop: -input.offsetHeight + 'px', marginLeft: input.offsetWidth + 'px' });
},
format: "dd/mm/yyyy",
startView: 1,
//daysOfWeekDisabled: "3,4",
autoclose: true,
todayHighlight: true,
//onClose: function (dateText, inst) { alert("here"); }
onSelect: function (dateText, inst)
{
alert("Working");
},
onClose: function (date) {
var dt = new Date(date);
alert(dt.getMonth());
}
});
Must this code work when select a date:
$("#datepicker").datepicker({
dateFormat: 'dd/mm/yy'}).on("changeDate", function (e) {
alert("Working");});
Some of the Options you are using are not available in datepicker see http://api.jqueryui.com/datepicker/
And also you are missing $(function () {});
See below updated code
$(function () {
$('#DateRangeTo').datepicker({
beforeShow: function (input, inst) {
inst.dpDiv.css({ marginTop: -input.offsetHeight + 'px', marginLeft: input.offsetWidth + 'px' });
},
dateFormat: "dd/mm/yyyy",
//startView: 1,
//daysOfWeekDisabled: "3,4",
//autoclose: true,
//todayHighlight: true,
//onClose: function (dateText, inst) { alert("here"); }
onSelect: function (dateText, inst) {
alert("Working");
},
onClose: function (date) {
var dt = new Date(date);
alert(dt.getMonth());
}
});
});
If still not worked then check for javascript errors in your error console.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With