Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 香草采摘器_Javascript_Datepicker - Fatal编程技术网

Javascript 香草采摘器

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

我正在尝试让Vanilla JS Datepicker工作:

它抛出了一个错误:TypeError:undefined不是e.dataset.date上的对象 这是日期选择器代码中的一个错误,所以我不确定出了什么问题。 这是我在函数中的调用:

  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是的,这很有意义&正在工作-感谢您的帮助。