【原生】JS 获取今天日期

本文介绍了一个使用JavaScript编写的简单函数,该函数能够获取并返回当前日期,格式为YYYY-MM-DD。此函数首先创建一个新的Date对象,然后分别获取年、月、日,并将它们格式化为指定的字符串格式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

//获取今天日期,格式YYYY-MM-DD
    function getNowFormatDate() {
      var date = new Date();
      var seperator1 = "-";
      var year = date.getFullYear();
      var month = date.getMonth() + 1;
      var strDate = date.getDate();
      if (month >= 1 && month <= 9) {
        month = "0" + month;
      }
      if (strDate >= 0 && strDate <= 9) {
        strDate = "0" + strDate;
      }
      var currentdate = year + seperator1 + month + seperator1 + strDate;
      return currentdate;
    }
### 使用原生 JavaScript 获取当前日期并在 HTML 表格中渲染 为了实现在 HTML 表格中展示当前日期的功能,可以采用如下方法: 创建一个简单的 HTML 结构来容纳表格,并预留位置用于插入动态生成的内容。 ```html <table border="1"> <thead> <tr> <th>序号</th> <th>当前日期</th> </tr> </thead> <tbody id="dateTableBody"> <!-- 动态内容将被插入到这里 --> </tbody> </table> ``` 利用 JavaScript 来获取今天日期,并将其格式化为易于阅读的形式。之后,通过 DOM 操作向指定的 `<tbody>` 元素内追加新的行以显示该日期信息。 ```javascript // 创建一个新的 Date 对象实例表示当前时间 const today = new Date(); // 定义函数用来构建带有特定格式的字符串形式的日期 function formatDate(date) { let day = date.getDate(); let monthIndex = date.getMonth() + 1; let year = date.getFullYear(); return `${year}-${String(monthIndex).padStart(2, '0')}-${String(day).padStart(2, '0')}`; } // 将上述定义的方法应用于今天这个变量得到格式化的结果 const formattedToday = formatDate(today); // 查找目标 tbody 节点准备后续操作 const tableBodyElement = document.getElementById('dateTableBody'); // 构建新 tr 并填充 td 单元格的数据 const newRow = ` <tr> <td>1</td> <td>${formattedToday}</td> </tr> `; // 把构造好的 HTML 字符串作为子节点添加至 body 中 tableBodyElement.insertAdjacentHTML('beforeend', newRow); ``` 此段代码实现了从获取系统当前时间到最终呈现在网页上的全过程[^1]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值