zoukankan      html  css  js  c++  java
  • js生成一周内的日期+周几

    (如有错敬请指点,以下是我工作中遇到并且解决的问题)


    旧标题:js生成当前日期起,一周内的日期+周几/今日


    效果有两种:

    两者区别是

    1.第一天(今天)显示今日

    2.第一天(今天)显示周几

    代码中改变showToday的值即可

    可以通过 https://littlehiuman.github.io/04-WeeklyCalendar/ 查看效果。

    https://github.com/littleHiuman/littleHiuman.github.io 求点star~~~

    CSS:

    table {
      border-collapse: collapse;
    }
    table td {
      height: 30px;
    }
    #today {
      color: skyblue;
    }

    HTML:

    <table border="1">
      <tr>
        <td id="today"></td>
        <td id="tomorror"></td>
        <td id="thirdday"></td>
        <td id="fourthday"></td>
        <td id="fifthday"></td>
        <td id="sixthday"></td>
        <td id="seventhday"></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
    </table>

    JavaScript:

    var showToday = false // 今天显示“周几”还是显示“今日”
    
    document.getElementById('today').innerText = GetDateStr(0)
    document.getElementById('tomorror').innerText = GetDateStr(1)
    document.getElementById('thirdday').innerText = GetDateStr(2)
    document.getElementById('fourthday').innerText = GetDateStr(3)
    document.getElementById('fifthday').innerText = GetDateStr(4)
    document.getElementById('sixthday').innerText = GetDateStr(5)
    document.getElementById('seventhday').innerText = GetDateStr(6)
    
    function GetDateStr(Count) {
      var dd = new Date()
      dd.setDate(dd.getDate() + Count) //获取Count天后的日期
      var m = dd.getMonth() + 1 //获取当前月份
      m = m < 10 ? '0' + m : m
      var d = dd.getDate() //获取当前月份的日期
      d = d < 10 ? '0' + d : d
      var w = dd.getDay() //获取星期几
      var week
      switch (w) {
        case 0:
          week = '周日'
          break
        case 1:
          week = '周一'
          break
        case 2:
          week = '周二'
          break
        case 3:
          week = '周三'
          break
        case 4:
          week = '周四'
          break
        case 5:
          week = '周五'
          break
        case 6:
          week = '周六'
          break
      }
      if (showToday && Count === 0) {
        week = '今日'
      }
      return m + '/' + d + week
    }
     
  • 相关阅读:
    高中时代的记忆
    winscp连接vmware ubuntu
    linux下mysql环境支持中文配置步骤
    mysql中常用的语句整理
    linux服务器伪分布模式安装hadoop-1.1.2
    linux运维常用命令
    hbase 单机模式安装
    灰度发布
    HDU 5269 ZYB loves Xor I
    HDU 5536 Chip Factory
  • 原文地址:https://www.cnblogs.com/hiuman/p/7347413.html
Copyright © 2011-2022 走看看