Hi Team ,
As I have two DateTimePickers , InDate and outDate . My requirement was as i Choose the Selected InDate from the DateTimePicker then , thereafter I should Open the OuDate Calender by using $("#outDateID").datepicker("show"); But When i fire Blur Event of InDate DateTimePicker the Blur Event Fires , but the as i select Different dates its not getting Selected in INDate DatetimePicker.
My Question is now how to set the Selected Date for the INdate While Using Blur .
Please find Below is my code Snipplets
$(function () {
$("#InDate ").datepicker({
minDate: 0,
showOn: "button",
buttonImage: "../../Content/themes/base/images/calender-icon.png",
buttonImageOnly: true,
buttonText: "Select date",
beforeShow: ClearOutDate,
onSelect: function () {
if (!$('#outDateID').hasClass('hasDatepicker')) {
$('#outDateID').datepicker({
showOn: "button",
buttonImage: "../../Content/themes/base/images/calender-icon.png",
buttonImageOnly: true,
buttonText: "Select date",
beforeShow: function () {
return {
minDate: $('#InDate ').datepicker("getDate")
};
}
});
}
}
});
in the Document .ready
$(document).ready(function () {
$("#InDate").blur(function () {
if ($.trim($(this).val()) != '') {
$("#OuDate").datepicker("show");
}
});
});
Just Please let me Know , how to set Selected Date to InDate Itself at the time of blur event of it