Javascript 如何在日期选择器Materialize中添加事件日期?
我正在尝试使用Materialize suggest的方法将事件的日期添加到日历选取器中,但对我不起作用,或者可能我做错了什么Javascript 如何在日期选择器Materialize中添加事件日期?,javascript,datepicker,materialize,Javascript,Datepicker,Materialize,我正在尝试使用Materialize suggest的方法将事件的日期添加到日历选取器中,但对我不起作用,或者可能我做错了什么 编辑- 我问题的解决办法- 下面是我最终工作结果的代码,顺便说一句,我使用了这个日期格式(“2018,12,12”),因为我更容易计算出12等于12月份,而不是这个日期格式(2018,11,25)中的11 我还添加了其他工作正常的参数 我感谢你的帮助,谢谢Germa V document.addEventListener('DOMContentLoaded', fu
编辑- 我问题的解决办法- 下面是我最终工作结果的代码,顺便说一句,我使用了这个日期格式(“2018,12,12”),因为我更容易计算出12等于12月份,而不是这个日期格式(2018,11,25)中的11 我还添加了其他工作正常的参数 我感谢你的帮助,谢谢Germa V
document.addEventListener('DOMContentLoaded', function() {
let eventsDates = [
new Date('2018,12,1').toDateString(),
new Date('2018,12,2').toDateString()
];
let disableListDate = [
new Date('2018,12,3').toDateString(),
new Date('2018,12,4').toDateString()
];
let optionsDate = {
defaultDate: defaultDate,
setDefaultDate: true,
firstDay: 1,
events: eventsDates,
disableWeekends: false,
autoClose: false,
showDaysInNextAndPreviousMonths: false,
showClearBtn: true,
i18n:{
months:
['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agost', 'Sept', 'Oct', 'Noviem..', 'Diciemb..'],
monthsShort: ['Ene', 'Feb', 'Mar', 'Abril', 'Mayo', 'Jun', 'Jul', 'Agos', 'Sep', 'Oct', 'Nov', 'Dic'],
weekdays: ['Dom','Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab']
},
format: 'dd-mmm-yyyy',
onSelect() {
if (optionsDate.events.includes(this.date.toDateString())) {
alert('Event Date');
}
},
disableDayFn(date) {
if(disableListDate.includes(date.toDateString()))
return true
else
return false
},
parse(){
}
}
let elems = document.querySelector('.datepicker');
let instances = M.Datepicker.init(elems, optionsDate);
});
这不是在
date()
中设置日期的方式,如果您想知道如何在Datepicker函数中设置日期,则可以检查此答案-->
我知道你在做什么,让我试试,我会让你知道的。谢谢杰玛V。
document.addEventListener('DOMContentLoaded', function() {
let eventsDates = [
new Date('2018,12,1').toDateString(),
new Date('2018,12,2').toDateString()
];
let disableListDate = [
new Date('2018,12,3').toDateString(),
new Date('2018,12,4').toDateString()
];
let optionsDate = {
defaultDate: defaultDate,
setDefaultDate: true,
firstDay: 1,
events: eventsDates,
disableWeekends: false,
autoClose: false,
showDaysInNextAndPreviousMonths: false,
showClearBtn: true,
i18n:{
months:
['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agost', 'Sept', 'Oct', 'Noviem..', 'Diciemb..'],
monthsShort: ['Ene', 'Feb', 'Mar', 'Abril', 'Mayo', 'Jun', 'Jul', 'Agos', 'Sep', 'Oct', 'Nov', 'Dic'],
weekdays: ['Dom','Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab']
},
format: 'dd-mmm-yyyy',
onSelect() {
if (optionsDate.events.includes(this.date.toDateString())) {
alert('Event Date');
}
},
disableDayFn(date) {
if(disableListDate.includes(date.toDateString()))
return true
else
return false
},
parse(){
}
}
let elems = document.querySelector('.datepicker');
let instances = M.Datepicker.init(elems, optionsDate);
});
var optionsDate = {
events: [new Date(2018, 11, 20).toDateString(),
new Date(2018, 11, 21).toDateString()],
onSelect() {
if (optionsDate.events.includes(this.date.toDateString())) {
console.log('Event Date');
}
}
}
var elemsDate = document.querySelector(".datepicker");
var instanceDate = M.Datepicker.init(elemsDate, optionsDate);