js输出今天的日期

这篇博客介绍了如何使用JavaScript获取并格式化当前日期,展示了一段代码示例,将日期转化为YYYY-MM-DD的形式,例如2014-09-26。通过调用Date对象的方法,获取年、月和日,并进行零填充以确保两位数格式。

js输出今天的日期

YYYY-MM-DD的方式,比如今天是2014年9月26日,则输出2014-09-26

  var d = new Date();
  // 获取年,getFullYear()返回4位的数字
  var year = d.getFullYear();
  // 获取月,月份比较特殊,0是1月,11是12月
  var month = d.getMonth() + 1;
  // 变成两位
  month = month < 10 ? '0' + month : month;
  // 获取日
  var day = d.getDate();
  day = day < 10 ? '0' + day : day;
  alert(year + '-' + month + '-' + day);

代码预览

### JavaScript 输出当前日期的方法 在 JavaScript 中,输出当前日期可以通过多种方式实现。以下是一些常见且实用的方法: #### 1. 使用 `Date` 对象获取并格式化日期 JavaScript 提供了内置的 `Date` 对象,可以轻松获取当前日期和时间,并对其进行格式化[^3]。 ```javascript const currentDate = new Date(); const year = currentDate.getFullYear(); const month = ("0" + (currentDate.getMonth() + 1)).slice(-2); const day = ("0" + currentDate.getDate()).slice(-2); console.log(`${year}-${month}-${day}`); ``` 此代码片段通过 `getFullYear()`、`getMonth()` 和 `getDate()` 方法分别获取年份、月份和日期,并将月份和日期补零以确保两位数格式[^5]。 #### 2. 获取完整的日期时间信息 除了基本的日期信息外,还可以获取包括小时、分钟、秒在内的完整时间信息。 ```javascript const date = new Date(); const year = date.getFullYear(); const month = ("0" + (date.getMonth() + 1)).slice(-2); const day = ("0" + date.getDate()).slice(-2); const hours = ("0" + date.getHours()).slice(-2); const minutes = ("0" + date.getMinutes()).slice(-2); const seconds = ("0" + date.getSeconds()).slice(-2); console.log(`${year}-${month}-${day} ${hours}:${minutes}:${seconds}`); ``` 上述代码展示了如何构建一个标准的日期时间字符串,适用于需要精确时间戳的场景[^4]。 #### 3. 简单日期输出 如果只需要简单的日期输出,而不关心格式化问题,可以直接使用 `Date` 对象的 `toLocaleDateString()` 方法。 ```javascript const today = new Date(); console.log(today.toLocaleDateString()); ``` 这种方法会根据用户的本地设置自动调整日期格式[^2]。 #### 4. 包含星期的日期输出 为了增强日期信息的可读性,还可以添加星期几的信息。 ```javascript function getFullDate() { const date = new Date(); const daysOfWeek = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]; const dayOfWeek = daysOfWeek[date.getDay()]; const year = date.getFullYear(); const month = ("0" + (date.getMonth() + 1)).slice(-2); const day = ("0" + date.getDate()).slice(-2); return `${year}-${month}-${day} ${dayOfWeek}`; } console.log(getFullDate()); ``` 这段代码结合了日期与星期几的信息,使输出更加直观。 #### 5. 动态更新页面上的日期 除了在控制台输出日期,还可以通过 DOM 操作将日期动态显示在网页上。 ```javascript function displayDate() { const date = new Date(); const year = date.getFullYear(); const month = ("0" + (date.getMonth() + 1)).slice(-2); const day = ("0" + date.getDate()).slice(-2); document.getElementById("date").innerHTML = `${year}-${month}-${day}`; } displayDate(); ``` 此方法适用于需要在用户界面上实时显示日期的应用场景。 ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小码哥・Martin

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值