首頁 > web前端 > js教程 > 如何用js根據開始時間和結束時間取得每個時間點

如何用js根據開始時間和結束時間取得每個時間點

一个新手
發布: 2017-09-09 10:04:39
原創
2094 人瀏覽過


本篇部落格實現效果(內附demo位址):
如何用js根據開始時間和結束時間取得每個時間點

test.html檔案代碼

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./js/jquery-2.1.1.js"></script></head><body><p class="getDay"><a href="#">获取2017-08-28到2017-09-08该段时间内的所有以天为单位的日期</a></p><p class="getWeek"><a href="#">获取2017-06-05到2017-09-04该段时间内的所有以周一为单位的日期</a></p><p class="month"><a href="#">获取2016-06-01到2017-09-01该段时间内的所有以月为单位的日期</a></p><p class="year"><a href="#">获取2003-01-01到2017-01-01该段时间内的所有以年为单位的日期</a></p></body><script>

    $(document).ready(function () {
        $(".getDay").click(function () {
            alert(getDayAll("2017-08-28","2017-09-08"));
        })
        $(".getWeek").click(function () {
            alert(getWeekAll("2017-06-05","2017-09-04"));
        })
        $(".month").click(function () {
            alert(getMonthAll("2016-06-01","2017-09-01"));
        })
        $(".year").click(function () {
            alert(getYearAll("2003-01-0","2017-01-01"));
        })
    })    Date.prototype.format=function (){
        var s=&#39;&#39;;
        s+=this.getFullYear()+&#39;-&#39;;          // 获取年份。
        s+=(this.getMonth()+1)+"-";         // 获取月份。
        s+= this.getDate();                 // 获取日。
        return(s);                          // 返回日期。
    };    //按日查询
    function getDayAll(begin,end){
        var dateAllArr = new Array();        
        var ab = begin.split("-");        
        var ae = end.split("-");        
        var db = new Date();
        db.setUTCFullYear(ab[0], ab[1]-1, ab[2]);        
        var de = new Date();
        de.setUTCFullYear(ae[0], ae[1]-1, ae[2]);       
        var unixDb=db.getTime();        
        var unixDe=de.getTime();        
        for(var k=unixDb;k<=unixDe;){
            dateAllArr.push((new Date(parseInt(k))).format().toString());
            k=k+24*60*60*1000;
        }        return dateAllArr;
    }    //按周查询
    function getWeekAll(begin,end){
        var dateAllArr = new Array();        
        var ab = begin.split("-");        
        var ae = end.split("-");        
        var db = new Date();
        db.setUTCFullYear(ab[0], ab[1]-1, ab[2]);        
        var de = new Date();
        de.setUTCFullYear(ae[0], ae[1]-1, ae[2]);        
        var unixDb=db.getTime();        
        var unixDe=de.getTime();        
        for(var k=unixDb;k<=unixDe;){
            dateAllArr.push((new Date(parseInt(k))).format().toString());
            k=k+7*24*60*60*1000;
        }        return dateAllArr;
    }    function getMonthAll(begin,end) {
        var d1 = begin;        
        var d2 = end;        
        var dateArry = new Array();        
        var s1 = d1.split("-");        
        var s2 = d2.split("-");        
        var mCount = 0;        
        if (parseInt(s1[0]) < parseInt(s2[0])) {
            mCount = (parseInt(s2[0]) - parseInt(s1[0])) * 12 + parseInt(s2[1]) - parseInt(s1[1])+1;
        } else {
            mCount = parseInt(s2[1]) - parseInt(s1[1])+1;
        }        if (mCount > 0) {            
        var startM = parseInt(s1[1]);            
        var startY = parseInt(s1[0]);            
        for (var i = 0; i < mCount; i++) {                
        if (startM < 12) {
                    dateArry[i] = startY + "-" + (startM>9 ? startM : "0" + startM);
                    startM += 1;
                } else {
                    dateArry[i] = startY + "-" + (startM > 9 ? startM : "0" + startM);
                    startM = 1;
                    startY += 1;
                }
            }
        }        
        return dateArry;
    }    
    function getYearAll(begin,end) {
        var d1 = begin;        
        var d2 = end;        
        var dateArry = new Array();        
        var s1 = d1.split("-");        
        var s2 = d2.split("-");        
        var mYearCount = parseInt(s2[0]) - parseInt(s1[0])+1;        
        var startY = parseInt(s1[0]);        
        for (var i = 0; i < mYearCount;i++) {
            dateArry[i] = startY;
            startY += 1;
        }        
        return dateArry;
    }
    </script>
 </html>
登入後複製

以上是如何用js根據開始時間和結束時間取得每個時間點的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板