JS实现显示当前日期的实例代码

关于JS实现显示当前日期的实例代码，下面提供一个完整攻略：

示例代码

// 获取当前日期时间
var date = new Date();

// 分别获取年月日时分秒
var year = date.getFullYear();
var month = date.getMonth() + 1; // 月份从0开始，需要加1
var day = date.getDate();
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();

// 组合成需要的日期格式
var currentDateTime = year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second;

// 将日期显示在指定标签中
document.getElementById("time").innerHTML = currentDateTime;

该示例代码通过JS获取当前日期时间，再将其组合成需要的日期格式，最后将日期显示在指定标签中。

示例说明1

// 获取当前日期时间
var date = new Date();

使用new Date()获取当前日期时间并保存至date对象中。

// 分别获取年、月、日、时、分、秒
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();

分别使用date对象的getFullYear()、getMonth()、getDate()、getHours()、getMinutes()和getSeconds()方法获取年、月、日、时、分、秒。

需要注意的是，getMonth()方法返回的月份从0开始，因此需要在其结果上加1。

// 组合成需要的日期格式
var currentDateTime = year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second;

将获取到的年、月、日、时、分、秒，按照需要的格式拼接成字符串。

// 将日期显示在指定标签中
document.getElementById("time").innerHTML = currentDateTime;

将拼接好的字符串赋值给指定标签的innerHTML属性，就可以将日期显示在网页上了。

示例说明2

// 获取当前日期时间
var date = new Date();

// 分别获取年月日时分秒
var year = date.getFullYear();
var month = date.getMonth() + 1; // 月份从0开始，需要加1
var day = date.getDate();
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();

// 将获取到的年、月、日、时、分、秒放入对象中
var currentDateObj = {
  year: year,
  month: month,
  day: day,
  hour: hour,
  minute: minute,
  second: second
};

// 将拼接好的日期显示到控制台
console.log(currentDateObj.year + "-" + currentDateObj.month + "-" + currentDateObj.day + " " + currentDateObj.hour + ":" + currentDateObj.minute + ":" + currentDateObj.second);

该示例代码与第一个示例代码类似，只是在将获取到的年、月、日、时、分、秒组合成日期格式的时候没有使用字符串拼接，而是将其放进了一个对象中，然后将对象的各个属性值拼接成一个字符串输出到控制台中。

以上便是JS实现显示当前日期的完整攻略，包括示例代码和示例说明，希望能够对你的学习有所帮助。