HTML | DOM 输入日期对象

在网页开发中，我们通常需要获取、设置日期等操作，这时候就会用到日期对象。通过HTML DOM（文档对象模型），我们可以通过JavaScript来得到一个日期对象，并进行一系列操作。

获取当前日期

获取当前日期非常简单，只需要使用new Date()构造函数即可。

var currentDate = new Date();

我们也可以获取对应的年份、月份、日期、星期等信息。

var year = currentDate.getFullYear();
var month = currentDate.getMonth();
var date = currentDate.getDate();
var day = currentDate.getDay();

console.log(year + "-" + month + "-" + date + " " + day);
// 2022-2-13 0

这里需要注意的是，JavaScript中的月份是从0开始计算的，所以我们需要加1。

设置日期值

我们可以通过setFullYear()、setMonth()、setDate()等方法来设置日期对象的值。

var date = new Date();

date.setFullYear(2023);
date.setMonth(6);
date.setDate(29);

console.log(date);
// Fri Jul 29 2023 14:31:53 GMT+0800 (中国标准时间)

可以看到，我们将日期对象的值设置为2023年7月29日。同样的，我们也可以获取对应的年份、月份、日期、星期等信息。

输入日期对象

在HTML中，我们可以使用<input>元素来输入日期，并且通过value属性来获取或设置日期值。

<input type="date" id="birthday" name="birthday">

<script>
var birthday = document.getElementById("birthday");
console.log(birthday.value); // 2022-02-13
</script>

这里通过getElementById()方法获取到了<input>元素，并输出了其value属性的值。

需要注意的是，不同浏览器可能对日期格式有所差异，因此建议在使用时进行格式化处理。