У меня есть два jquery datepickers.
<input type="text" id="DateOption1_Common" asp-for="DateOption1" class="form-control form-control-sm form-control-br date-pick" value="" placeholder="mm/dd/yyyy">
<div id="appointDP" class="datepicker" asp-for="@Model.AppointmentDate"></div>
Ниже мой сценарий
if (Option >= 0) {
var offDays = ($('#CalenderSettings').val()).split(',');
var countryLocale = $("#countryLocale").val();
$("#appointDP").datepicker(Object.assign(setLocaleDateFormat(countryLocale), {
showWeek: true,
firstDay: 1,
defaultDate: selectedDate,
minDate: dateToday,
onSelect: function (dateText) {
getSecondStepData(bookingOption, dateText);
},
beforeShowDay: function (date) {
var datestring = jQuery.datepicker.formatDate('yy-mm-dd', date);
return [offDays.indexOf(datestring) == -1]
},
onChangeMonthYear: function (year, month, widget) {
var date = month + '/1/' + year;
getSecondStepData(bookingOption, date);
}
}));
}
else {
var countryLocale = $("#countryLocale").val();
$("#DateOption1_Common").datepicker();
$("#DateOption1_Common").datepicker(Object.assign(setLocaleDateFormat(countryLocale), {
minDate: dateToday,
//changeMonth: true,
//changeYear: true,
onClose: function (selectedDate) {
$("#DateOption2_Common").datepicker("option", "minDate", new Date());
}
}));
$("#DateOption2_Common").datepicker();
$("#DateOption2_Common").datepicker(Object.assign(setLocaleDateFormat(countryLocale), {
minDate: dateToday,
onClose: function (selectedDate) {
$("#DateOption2_Common").datepicker("option", "minDate", new Date());
}
}));
}
Оба средства выбора даты имеют настроенные свойства, но когда я выбираю одно, затем выбираю второе. Я не получаю второй указатель даты, как ожидалось. Как добиться ожидаемого результата.