js 日历

海龟先生plus

于 2019-07-01 19:00:01 发布

阅读量190

点赞数

分类专栏： js 文章标签： js 日历

本文链接：https://blog.csdn.net/qq_45219069/article/details/94403490

版权

js 专栏收录该内容

70 篇文章 1 订阅

订阅专栏

   <style>
        *{
            margin: 0;
            padding: 0;
      }
      .box{
          width: 300px;
          height: 200px;
          background-color:gold;
          margin: 0 auto;
          margin-top: 50px;
      }
      .box #up{
          height: 50px;
          text-align: center;
          line-height: 50px;
      }
      .box #bottom{
          width: 100px;
          height: 100px;
          margin: 0 auto;
          margin-top: 25px;
          text-align: center;
          line-height: 100px;
          font-size: 20px;
          background-color: blueviolet;
      }
      <body>

    <!-- 简单日历 -->

    <div class="box">
        <div id="up">2019年6月27日</div>
        <div id="bottom">星期三</div>
    </div>
       <script>

        简单日历

        var up=document.getElementById("up")
        var bottom=document.getElementById("bottom")
        console.log(bottom);

        var d=new Date()
        var y=d.getFullYear()
        var m=d.getMonth()+1
        var day=d.getDate()
        var arr=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]
        var w=d.getDay()
        up.innerHTML=y+"年"+m+"月"+day+"日"
        bottom.innerHTML=arr[w]

在这里插入图片描述

海龟先生plus

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 日历

<style> *{ margin: 0; padding: 0; } .box{ width: 300px; height: 200px; background-color:gold; margin: 0 aut...
复制链接

扫一扫

专栏目录