亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Vanilla JS 日期選擇器

Vanilla JS 日期選擇器

阿晨1998 2023-09-07 16:22:34
我正在嘗試讓 Vanilla JS Datepicker 工作: https ://github.com/mymth/vanillajs-datepicker它拋出一個錯誤: TypeError: undefined is not an object on 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();我在輸入中看到日期,但日期選擇器的下拉列表未顯示。難道我沒有正確調用它嗎?我不確定問題是什么。
查看完整描述

1 回答

?
嗶嗶one

TA貢獻1854條經驗 獲得超8個贊

這是一個盲目的嘗試,但是如果您在設置日期選擇器時將 [0] 添加到 dpelem 中,會發生什么?看起來您正在獲得一個 jquery 元素與一個 DOM 元素,就像它可能期望的那樣。

var datepicker = new Datepicker(dpelem[0]....

否則我真的不認為你的代碼有什么問題。我拼湊了一個快速的小jsfiddle,假設您已經獲得了對輸入元素的有效引用,這似乎很好。


查看完整回答
反對 回復 2023-09-07
  • 1 回答
  • 0 關注
  • 108 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號