尝试使用 JavaScript 设置 datetime-local答案

【问题标题】：Trying to set datetime-local using JavaScript尝试使用 JavaScript 设置 datetime-local
【发布时间】：2020-10-20 06:59:33
【问题描述】：

我在this codepen 使用以下代码尝试用今天的数据和时间填充datetime-local 输入元素。他们在this 教程上的内容不起作用。我还尝试了this SO 帖子中的内容，但似乎也不起作用。如何将日期时间设置为今天的日期和时间到 datetime-local 输入元素中。谢谢。

HTML：

<input type="datetime-local" id="datetime" name="datetime">

JS：

let today = new Date().toISOString();
document.getElementById('datetime').value = today;
console.log(today);

【问题讨论】：

这能回答你的问题吗？ HTML5 Input datetime-local default value of today and current time

标签： javascript

【解决方案1】：

你可以试试这个：

let today = new Date();

today.setMinutes(today.getMinutes() - today.getTimezoneOffset());
document.getElementById('datetime').value = today.toISOString().slice(0, -1);

console.log(today);

&lt;input type="datetime-local" id="datetime" name="datetime"&gt;

【讨论】：

【解决方案2】：

试试这个代码。

 Number.prototype.AddZero= function(b,c){
            var  l= (String(b|| 10).length - String(this).length)+1;
            return l> 0? new Array(l).join(c|| '0')+this : this;
         }//to add zero to less than 10,
         
         
           var d = new Date(),
           localDateTime= [(d.getMonth()+1).AddZero(),
                    d.getDate().AddZero(),
                    d.getFullYear()].join('/') +', ' +
                   [d.getHours().AddZero(),
                    d.getMinutes().AddZero()].join(':');
           var elem=document.getElementById("LocalDate"); 
           elem.value = localDateTime;

&lt;input type="datetime-local" name="name" id="LocalDate"&gt;

【讨论】：

【解决方案3】：

试试这个。这是MDN上使用的示例：

const today = new Date().toISOString();
const dateControl = document.querySelector('input[type="datetime-local"]');
dateControl.value = today;

【讨论】：