HTML | DOM 输入日期时间本地对象

在Web开发中，经常需要获取和显示日期时间信息。HTML5之前，通常是通过JavaScript代码来实现。但HTML5之后，提供了更为灵活和易用的方法，使用HTML | DOM对象可以很容易地操作日期时间本地对象。

日期时间本地对象

HTML | DOM 中可以使用日期时间本地对象，包括Date、Time、DateTime-Local、Month和Week等。其中，Date对象是最常用的日期时间本地对象，它表示一个具体的日期时间，包括年、月、日、时、分、秒和毫秒等。

获取当前日期时间

要获取当前日期时间，可以使用Date对象的构造函数，如下所示：

var currentDate = new Date();

Date对象的构造函数中没有参数时，会默认使用当前系统时间创建一个Date对象。然后，可以使用Date对象的方法来获取具体的时间信息，如下所示：

var year = currentDate.getFullYear();
var month = currentDate.getMonth() + 1;
var day = currentDate.getDate();
var hour = currentDate.getHours();
var minute = currentDate.getMinutes();
var second = currentDate.getSeconds();

//输出当前日期时间
console.log(year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second);

上述代码中，首先使用Date对象的getFullYear()、getMonth()、getDate()、getHours()、getMinutes()和getSeconds()方法获取年、月、日、时、分、秒等时间信息，然后将其拼接成字符串输出。

设置日期时间

要设置日期时间，可以使用Date对象的set方法，来分别设置年、月、日、时、分、秒和毫秒等信息。下面以设置时间为例：

var dateObj = new Date();
dateObj.setHours(12, 0, 0, 0);

console.log(dateObj.getHours() + ":" + dateObj.getMinutes() + ":" + dateObj.getSeconds());

上述代码中，首先使用Date对象创建一个当前时间的Date对象，然后使用setHours()方法设置时间为中午12点。最后，使用getHours()、getMinutes()和getSeconds()方法获取设置后的时间，并输出。

参考文献

JavaScript Date 对象