Javascript 香草采摘器
我正在尝试让Vanilla JS Datepicker工作: 它抛出了一个错误:TypeError:undefined不是e.dataset.date上的对象 这是日期选择器代码中的一个错误,所以我不确定出了什么问题。 这是我在函数中的调用:Javascript 香草采摘器,javascript,datepicker,Javascript,Datepicker,我正在尝试让Vanilla JS Datepicker工作: 它抛出了一个错误:TypeError:undefined不是e.dataset.date上的对象 这是日期选择器代码中的一个错误,所以我不确定出了什么问题。 这是我在函数中的调用: function setDate() { console.log('DatePickerCk: ' , Datepicker); // shows as 'class ue' - that doesn't seem right va
function setDate() {
console.log('DatePickerCk: ' , Datepicker); // shows as 'class ue' - that doesn't seem right
var cdate = $(mycell).attr('dc-oldval');
console.log('CurDate: ' + cdate); // ok - 02/07/2020
var dpelem = $(mycell).find('input');
$(dpelem).val(cdate);
console.log('ValofInput: ' , $(dpelem).val()); // ok - "02/07/2020"
console.log('DpElem: ' , dpelem); // ok - hovering over it in console highlights the element in the DOM
var datepicker = new Datepicker(dpelem, {
autohide: true,
daysOfWeekDisabled: [],
daysOfWeekHighlighted: [],
defaultViewDate: cdate,
nextArrow: '>>',
prevArrow: '<<',
todayBtn: false,
todayBtnMode: 1,
todayHighlight: true
});
Datepicker.locales.en = {
days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
daysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
daysMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
today: 'Today',
clear: 'Clear',
titleFormat: 'MM y',
format: 'dd/mm/yyyy',
weekstart: 0
}
}
setDate();
函数setDate(){
console.log('DatePickerCk:',Datepicker);//显示为'class ue'-这似乎不正确
变量cdate=$(mycell.attr('dc-oldval');
console.log('CurDate:'+cdate);//ok-02/07/2020
var dpelem=$(mycell.find('input');
$(dpelem).val(cdate);
console.log('ValofInput:',$(dpelem.val());//确定-“02/07/2020”
log('DpElem:',DpElem);//确定-在控制台中将鼠标悬停在其上会突出显示DOM中的元素
var datepicker=新的日期选择器(dpelem{
自动隐藏:对,
daysOfWeekDisabled:[],
工作日高亮显示:[],
defaultViewDate:cdate,
下一行:“>>”,
prevArrow:“这是瞎猜,但是如果在设置日期选择器时将[0]添加到dpelem中会发生什么?看起来您得到的是jquery元素而不是DOM元素,这可能是它所期望的
var datepicker = new Datepicker(dpelem[0]....
否则,我真的看不出你的代码有什么问题。我简单介绍了一下,假设你对输入元素有一个有效的引用,这似乎很好。有人知道并且可以提供一个如何添加另一种语言(语言环境)的工作示例吗?
我试图在上跟踪doc,但没有成功OK@kman我改成了DOM元素,它大致正常工作。仍然看不到:(1)Datepicker.locales.en正常工作。我尝试将'XX'放在daysMin中表示'Su',但它仍然显示为Su。(2)在选择新日期后需要调用一些东西:尝试了Datepicker.hide{…}但是抛出错误-不确定在DP完成后如何处理。谢谢。我修复了(2)仍然需要一些帮助w/(1)在连接之前需要定义语言选项。只需将Datepicker.locales.en={…}块移到var Datepicker=new Datepicker(dpelem,{…})之前block.Updated是的,这很有意义&正在工作-感谢您的帮助。