js 日历

Posted verayangnakiss

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 日历相关的知识,希望对你有一定的参考价值。

getDate()                  获取日 1-31

getDay ()                  获取星期 0-6      

getMonth ()                获取月  0-11

getFullYear ()                 获取完整年份(浏览器都支持)

getHours ()                  获取小时 0-23

getMinutes ()                获取分钟 0-59

getSeconds ()                     获取秒  0-59

getMilliseconds ()            获取当前的毫秒

getTime ()            返回累计毫秒数(1970/1/1午夜)

 

eg:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
   *{
    margin: 0;
    padding: 0;
   }
   .box{
    width: 150px;
    height: 180px;
    margin: 100px auto;
    background-color: lightpink;
   }
   .box p{
    font-size: small;
   }
   .box span{
    display: block;
    width: 70px;
    height: 70px;
    margin: 30px auto;
    font-size: 50px;
    color: white;
    background-color: hotpink;
   }
  </style>
  <script>
   window.onload = function(){
   var box = document.getElementById(‘box‘);
   var child = box.children;
   var date = new Date();
   var arr = [‘星期日‘,‘星期一‘,‘星期二‘,‘星期三‘,‘星期四‘,‘星期五‘,‘星期六‘]
   child[0].innerHTML = ‘今天是‘+date.getFullYear()+‘-‘+(date.getMonth()+1)+‘-‘+date.getDate()+‘  ‘+arr[date.getDay()];
   child[1].innerHTML = date.getDate();
  }
  </script>
 </head>
 <body>
   <div class="box" id="box">
    <p></p>
    <span></span>
   </div>
 </body>
</html>















































以上是关于js 日历的主要内容,如果未能解决你的问题,请参考以下文章

js实现日历可获得指定日期周数及星期几示例分享(js获取星期几)

js实现日历可获得指定日期周数及星期几示例分享(js获取星期几)

js超简单日历

原生JS实现日历

selenium - js日历控件处理

jquery日历控件