JS 在HTML页面显示当前日期

Posted 吉野

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS 在HTML页面显示当前日期相关的知识,希望对你有一定的参考价值。

代码如下:

<!DOCTYPE html>
  <html>
     <head>
          <meta charset="utf-8" />
<title></title>
     </head>
     <body>
           <div style="background-color:yellow;">
             <span>
                   <script type="text/javascript">
                     var date = new Date();
                     document.write("今天是:" + date.getFullYear() + "" + (date.getMonth() + 1) + "" + date.getDate() + "" + " 星期" + "日一二三四五六".charAt(date.getDay()));
                   </script>
             </span>
         </div>
    </body>
 </html>

结果显示为

 var date = new Date();  声明一个名称为date的对象,赋值为new Date(); new Date();表示创建了一个日期对象,返回值为当前日期。
document.write(); 向输出流(文档)写入文本或HTML。
date.getFullYear() 从Date对象以四位数字返回年份
date.getMonth()+1 从Date对象返回月份(0-11),返回当前月份需+1。
date.getDate() 从Date对象返回一个月中的某一天(1-31)。
stringObject.charAt(index) 方法可返回指定位置的字符。index表示字符串中某个位置的数字,即字符在字符串中的下标
date.getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。0为星期日。

"日一二三四五六".charAt(date.getDay()) 就是
date.getDay()返回0~6数字,同时代表"日一二三四五六"字符串的下标。

以上是关于JS 在HTML页面显示当前日期的主要内容,如果未能解决你的问题,请参考以下文章

求JS计算日期代码(在网页直接显示)!!!

JS代码片段:一个日期离现在多久了

js显示当前日期时间和星期几

用js在网页上显示当前日期和时间,并显示是星期几

静态网页中显示当前日期的代码怎么写

日历控件laydate.js,已进入页面就显示当前日期,value值怎么写啊!