页面获取当前时间---2020.8.25

番茄炒鸡蛋加糖

于 2020-08-25 10:32:42 发布

阅读量131

点赞数 1

分类专栏：前端文章标签： html javascript

本文链接：https://blog.csdn.net/weixin_43590392/article/details/108216071

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文介绍了如何使用JavaScript在网页中获取并展示当前时间，通过HTML和JS代码实现页面实时更新时间的功能。

摘要由CSDN通过智能技术生成

JS获取当前时间

页面展示
前端页面展示
html代码

<tr>
  <td>创建时间</td>
  <td>
    <input type="text" class="form-control" name="brandcreatedate" id="brandcreatedate" >
  </td>
</tr>
<tr>
  <td>修改时间</td>
  <td>
    <input type="text"  class="form-control" name="brandmodifydate" id="brandmodifydate">
  </td>
</tr>

JS代码

function current() {
  var d = new Date();
  str = '';
  str += d.getFullYear() + '-'; //获取当前年份
  str += d.getMonth() + 1 + '-'; //获取当前月份（0——11）
  str += d.getDate() + ' ';
  str += d.getHours() + ':';
  str += d.getMinutes() + ':';
  str += d.getSeconds() ;
  return str;
}

window.onload=function(){
 var brandcreatedate=document.getElementById("brandcreatedate");
 brandcreatedate.value=current();
    
  var brandmodifydate=document.getElementById("brandmodifydate");
  brandmodifydate.value=current();
}