设置默认日期air-datepicker [英] set default date air-datepicker
本文介绍了设置默认日期air-datepicker的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用 air-datepicker内联.
我需要为其设置开始日期.
I need to set the start date for it.
这是脚本,以及我的尝试方式.
Here is the script and how I am trying to do it.
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);
}
}
})
一切正常,但默认日期未显示.我需要设置吗?
All is okay, but default date is not hidhlighted. Do I need to set it?
感谢您的帮助.
推荐答案
正如您在文档中可以看到的那样,selectDate是一个函数,因此必须以这种方式使用它:
As you can read in the documentation, selectDate is a function, so you must use it in this way:
leg_1_datepicker.selectDate(new Date(2018, 3, 11));
这篇关于设置默认日期air-datepicker的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文