为了账号安全,请及时绑定邮箱和手机立即绑定

如何将日期/文本传递给 <input type="date">?

如何将日期/文本传递给 <input type="date">?

杨魅力 2023-05-19 16:04:06
我正在尝试在输入日期中设置文本,但那里没有显示任何内容。数据类型有问题吗?<!DOCTYPE html><html><body><table>    <tr>        <td id="invoice">        2020-09-22        </td>    </tr></table>    <select id="decisionList">  <option></option>  <option>Payment date</option></select><div id="choice"></div><script>document.addEventListener("change", function () {  var decisionList = document.getElementById("decisionList");  var selectedOptionIndex = decisionList.options[decisionList.selectedIndex].index;      var invoiceDate = document.getElementById("invoice");  var invoiceDateText = invoiceDate.textContent;    var finalChoice = document.getElementById("choice");  switch(selectedOptionIndex) {        case 0:        finalChoice.innerHTML='<input type="date">'    break;       case 1:        finalChoice.innerHTML='<input type="date" value="' + invoiceDateText + '">' //here is a problem    break;    default:        finalChoice.innerHTML=''      }  })</script></body></html>我还尝试根据传递的文本创建新日期:  var newDate = new Date(invoiceDateText);但也不起作用。如您所见,我正在通过 2020-09-22(从 td 开始)那么问题出在哪里?
查看完整描述

2 回答

?
HUH函数

TA贡献1836条经验 获得超4个赞

变量 invoiceDateText 包含空格,因此无法正确解析。

您可以将该部分更新为以下内容。

 var invoiceDateText = invoiceDate.textContent.trim();


查看完整回答
反对 回复 2023-05-19
?
SMILET

TA贡献1796条经验 获得超4个赞

日期应为字符串,格式为YYYY-MM-DD



查看完整回答
反对 回复 2023-05-19
  • 2 回答
  • 0 关注
  • 143 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信