zoukankan      html  css  js  c++  java
  • 日期的获取

    获取本周的起止日期

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <script>
            window.onload = function(){
             
                var a = document.getElementById('a');
                var b = document.getElementById('b');
                //var clen = cells.length;
                var currentFirstDate;
                var formatDate = function(date){
                 
                    var year = date.getFullYear()+'-';
                    var month = (date.getMonth()+1);
                    var day = date.getDate();
                     if(month<10)
                     {
                        month='0'+month+'-';
                     }else{
                        month=month+'-'
                     }
    
                    if(day<10)
                     {
                        day='0'+day;
                     }
    
                    return year+month+day+' ';
                };
                var addDate= function(date,n){       
                    date.setDate(date.getDate()+n);        
                    return date;
                };
                var setDate = function(date){
                 
                    var week = date.getDay()-1;
                    date = addDate(date,week*-1);
                    currentFirstDate = new Date(date);
                    a.value=formatDate( addDate(date,0));
                    b.value=formatDate( addDate(date,6));       
                };
                 
                setDate(new Date());
            }
        </script>
    </head>
    <body>
    <input type="text" id="a" value="">
    <input type="text" id="b" value="">
    </body>
    </html>
    demo1

    获取上一周下一周的日期

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style>
         
        td{
         
            border:1px solid;
        }
         
        button{
         
            margin: 5px;
        }
             
        </style>
        <script>
            window.onload = function(){
             
                var cells = document.getElementById('monitor').getElementsByTagName('td');
                var clen = cells.length;
                var currentFirstDate;
                var formatDate = function(date){
                 
                    var year = date.getFullYear()+'';
                    var month = (date.getMonth()+1)+'';
                    var day = date.getDate()+'';
                    var week = '('+['星期天','星期一','星期二','星期三','星期四','星期五','星期六'][date.getDay()]+')';
                     
                    return year+month+day+' '+week;
                };
                var addDate= function(date,n){       
                    date.setDate(date.getDate()+n);        
                    return date;
                };
                var setDate = function(date){
                 
                    var week = date.getDay()-1;
                    date = addDate(date,week*-1);
                    currentFirstDate = new Date(date);
                     
                    for(var i = 0;i<clen;i++){
                     
                        cells[i].innerHTML = formatDate(i==0 ? date : addDate(date,1));
                    }
                     
                };
                 
                document.getElementById('last-week').onclick = function(){
                     
                    setDate(addDate(currentFirstDate,-7));         
                };
                 
                document.getElementById('next-week').onclick = function(){
                     
                    setDate(addDate(currentFirstDate,7));
                };
                 
                setDate(new Date());
            }
        </script>
    </head>
    <body>
        <button id="last-week">上一周</button><button id="next-week">下一周</button>
        <table id="monitor">
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </table>
    </body>
    </html>
    demo2
  • 相关阅读:
    撸羊毛的一些心得体会
    GET和POST的区别
    接口测试基础
    Charles老版本教程
    【2019】Charles视频教程,接口测试工具最新教程
    关于Synchronized研伸扩展
    Java多线程之线程的协作
    十七.jmeter分布式测试
    十六.jmeter链接mysql测试
    十五.jmeter FTP服务器连接
  • 原文地址:https://www.cnblogs.com/Secretmm/p/5676832.html
Copyright © 2011-2022 走看看