[英]set default date air-datepicker
我正在使用air-datepicker內聯 。
我需要為其設置開始日期。
這是腳本以及我如何嘗試執行它。
export function load_datepickers_inline():void {
const search_legs_0_datepicker = $("#search_legs_0_datepicker");
const leg_0_datepicker = $("#search_legs_0_datepicker").datepicker({
language: gon.locale,
classes: 'inline-picker',
selectOtherMonths: true,
showOtherMonths: true,
changeMonth: true,
changeYear:true,
altField: '#search_legs_0_date',
selectDate: new Date(search_legs_0_datepicker.attr("data-defaultDate")),
minDate: new Date(search_legs_0_datepicker.attr('data-mindate')),
maxDate: new Date(search_legs_0_datepicker.attr('data-maxdate')),
altFormat: 'yy-mm-dd',
onSelect: (dateText, inst) => {
const date = new Date(dateText);
if (!leg_0_datepicker) { return false; }
leg_1_datepicker.datepicker("option", "minDate", date);
if ($("#search_legs_0_hotel_date").length > 0) {
$('#search_legs_0_hotel_date').datepicker().data('datepicker').update('minDate', date);
$('#search_legs_0_hotel_date').datepicker().data('datepicker').datepicker("setDate", date);
$('#search_legs_1_hotel_date').datepicker().data('datepicker').update('minDate', date);
}
}
})
const search_legs_1_datepicker = $("#search_legs_1_datepicker");
var leg_1_datepicker = $("#search_legs_1_datepicker").datepicker({
selectOtherMonths: true,
showOtherMonths: true,
language: gon.locale,
changeMonth: true,
changeYear:true,
classes: 'inline-picker',
altField: '#search_legs_1_date',
selectDate: new Date(search_legs_1_datepicker.attr("data-defaultDate")),
minDate: new Date(search_legs_1_datepicker.attr('data-mindate')),
maxDate: new Date(search_legs_1_datepicker.attr('data-maxdate')),
altFormat: 'yy-mm-dd',
onSelect: (formattedDate, date, inst) => {
if ($("#search_legs_1_hotel_date").length > 0) {
$('#search_legs_0_hotel_date').datepicker().data('datepicker').update('maxDate', date);
$('#search_legs_1_hotel_date').datepicker().data('datepicker').update('maxDate', date);
$('#search_legs_1_hotel_date').datepicker().data('datepicker').datepicker("setDate", date);
}
}
})
一切都很好,但是默認日期未顯示。 我需要設置嗎?
感謝幫助。
如您在文檔中所讀,selectDate是一個函數,因此您必須以這種方式使用它:
leg_1_datepicker.selectDate(new Date(2018, 3, 11));
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.