代码之家 › 专栏 › 技术社区 › Vihan Gammanpila

HTML输入日期字段,如何将默认值设置为今天的日期?

input date html javascript

Vihan Gammanpila · 技术社区 · 2 年前

我对我的JS脚本为什么不起作用有点困惑,我已经将它设置为将日期字段填充到今天的日期,但HTML日期选择器在默认情况下仍然显示dd/mm/yyyy。

我的HTML是:

<div class="col">
        <label for="date">Date</label>
        <input type="date" onload="getDate()" class="form-control" id="date" name="date">
</div>

我的JS是:

function getDate(){
var today = new Date();

document.getElementById("date").value = today.getFullYear() + '-' + ('0' + (today.getMonth() + 1)).slice(-2) + '-' + ('0' + today.getDate()).slice(-2);

}

function getDate(){
var today = new Date();

document.getElementById("date").value = today.getFullYear() + '-' + ('0' + (today.getMonth() + 1)).slice(-2) + '-' + ('0' + today.getDate()).slice(-2);

}

 <div class="col">
           <label for="date">Date</label>
           <input type="date" onload="getDate()" class="form-control" id="date" name="date">
 </div>

1 回复 | 直到 2 年前

Shri Hari L 2 年前

对于输入元素,仅当 <input type="image">

提示: 你用 DOMContentLoaded 用于设置默认值

<script>
    window.addEventListener('DOMContentLoaded', (event) => {
        document.getElementById("date").valueAsDate = new Date();
    });
</script>

参考: https://www.w3schools.com/tags/att_onload.asp

Gmuliu Gmuni 2 年前

我也有一些问题。我到达:

文件getElementById('mydate')。value=新日期()。toISOString()。子串(0,10);

推荐文章

Thinkpad · Excel引用基于字符串的范围

2 年前

DwightD · Python 3中的用户输入和排序列表

6 年前

Hans Daigle · Python交互式控制台使用curses lib getstr()函数不等待用户输入

6 年前

ÐÐ¸ÐºÐ¸ÑÐ° Ð¨Ð¸ÑÐºÐ¸Ð½ · 如何从字符串(Python3)创建函数[已关闭]

6 年前

Wacky Mode-On · Python:3-在找到关键字后将字符串设为变量?

6 年前

P S · 在laravel 5.5中输入不起作用时重定向回

6 年前

Paul · 如何在输入值中包含图像

6 年前

Mose · c++中带有输入函数的Lambda auto给出错误

6 年前

Henri Wurm · 首先将第一个输入保存到文件夹中,然后引用它

6 年前

Andres Concha · 如何使用Vue设置和获取输入组件的值。js?

6 年前