Javascript Date常用示例

Thanatos 發布于2019-08-20 14:49 / 1173人閱讀

摘要：一比較時間的大小由頁面插件選擇的日期時間結束時間必須大于開始時間日期時間日期二將后臺取出的時間戳轉化成指定格式的日期三求時間差天時分秒假定獲取的中時間值相差秒數等價于相差天數相差小時相差分鐘相差秒天小時分鐘

一.比較時間的大小（由頁面插件選擇的日期時間）

    var startDateStr = "2017-03-11 10:00:00";
    var endDateStr = "2017-03-11 9:59:59";
    var startDate = dateFormat(startDateStr);
    var endDate = dateFormat(endDateStr);
    if ((startDate-endDate) >= 0) {
        alert("結束時間必須大于開始時間");
    }
    function dateFormat(dateStr) {
        if (dateStr.indexOf(":") > -1){     //日期+時間
            var tempArr = dateStr.split(" ");
            var dArr =  tempArr[0].replace(/[-/]/g, ",").split(",");
            var tArr =  tempArr[1].replace(/(:)/g, ",").split(",");
            return new Date(parseInt(dArr[0]), parseInt(dArr[1]), parseInt(dArr[2]), parseInt(tArr[0]), parseInt(tArr[1]), parseInt(tArr[2]));
        } else {                          //日期
            var dArr =  dateStr.replace(/[-/]/g, ",").split(",");
            return new Date(parseInt(dArr[0]), parseInt(dArr[1]), parseInt(dArr[2]));
        }
    }

二.將后臺取出的時間戳轉化成指定格式的日期

function getDate(date, format) {
    // format: yyyy-MM-dd hh:mm:ss
    if (/(y+)/.test(format)) {
        format = format.replace(RegExp.$1, (date.getFullYear() + "").substring(4 - RegExp.$1.length));
    }
    var o = {
        "(M+)": date.getMonth(),
        "(d+)": date.getDate(),
        "(h+)": date.getHours(),
        "(m+)": date.getMinutes(),
        "(s+)": date.getSeconds()
    };
    for (var key in o) {
        var reg = new RegExp(key);
        if (reg.test(format)) {
            format = format.replace(RegExp.$1, addLeftZero(o[key] + ""));
        }
    }
    return format;
};

function addLeftZero(str) {
    return str.length > 1 ? str : "0" + str;
}

三.求時間差（天、時、分、秒）

var startDateStr = "2017-03-11 10:00:00";       //假定獲取的input中時間值
var endDateStr = "2017-03-12 10:59:59";
remainTime(startDateStr,endDateStr);
function remainTime(startDateStr, endDateStr) {
    var startDate = dateFormat(startDateStr);
    var endDate = dateFormat(endDateStr);
    var t = (endDate - startDate)/1000;      //相差秒數   等價于=>(endDate.getTime() - startDate.getTime())/1000
    var days = Math.floor(t/86400);            //相差天數
    var hours = Math.floor(t%86400/3600);      //相差小時
    var minutes = Math.floor(t%86400%3600/60); //相差分鐘
    var seconds = Math.floor(t%60);            //相差秒
    console.log(days+"天"+hours+"小時"+minutes+"分鐘"+seconds+"秒");  //1天0小時59分鐘59秒
}
//轉化為時間對象Object
function dateFormat(dateStr) {
    if (dateStr.indexOf(":") > -1){     //日期+時間
        var tempArr = dateStr.split(" ");
        var dArr =  tempArr[0].replace(/[-/]/g, ",").split(",");
        var tArr =  tempArr[1].replace(/(:)/g, ",").split(",");
        return new Date(parseInt(dArr[0]), parseInt(dArr[1]), parseInt(dArr[2]), parseInt(tArr[0]), parseInt(tArr[1]), parseInt(tArr[2]));
    } else {                          //日期
        var dArr =  dateStr.replace(/[-/]/g, ",").split(",");
        return new Date(parseInt(dArr[0]), parseInt(dArr[1]), parseInt(dArr[2]));
    }
}

GPU云服務器云服務器 javascript示例 javascript常用代碼 javascript常用事件 javascript常用框架

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/81952.html

JavaScript Date對象用法及示例

摘要：對象用于處理日期和時間一創建對象得到一個時間對象，會自動把本地當前日期和時間保存為其初始值中國標準時間二對象參數數字的形式年，月，日，時，分，秒中國標準時間中國標準時間中國標準時間注意月份接收的參數是月月，所以傳入，得到月份年份應該傳入位數 Date對象用于處理日期和時間一. 創建Date對象 myDate得到一個時間對象Object，會自動把本地當前日期和時間保存為其初始值 var...

jollywing 2019-08-20 14:48 評論0 收藏0
JavaScript 基礎知識 - 入門篇(二)

摘要：函數可以沒有返回值，會在最后面返回一個。事物的行為在對象中用方法來表示。 11. 函數 11.1 函數的基礎知識為什么會有函數？在寫代碼的時候，有一些常用的代碼需要書寫很多次，如果直接復制粘貼的話，會造成大量的代碼冗余；函數可以封裝一段重復的javascript代碼，它只需要聲明一次，就可以多次調用；冗余代碼：冗余：多余的重復或啰嗦內容缺點：代碼重復，可閱讀性差 ...

niuxiaowei111 2019-08-21 17:58 評論0 收藏0
JavaScript常用工具函數

摘要：深拷貝函數判斷子元素是否為對象，如果是，遞歸復制如果不是，簡單復制時間戳轉為格式化時間時間戳轉為格式化時間時間戳時間格式格式包括年月日年月日時分年月日時分秒示例年月日年月日小于補 1.深拷貝函數 function deepClone(obj) { let objClone = Array.isArray(obj) ? [] : {}; if (obj && typeof obj...

Chiclaim 2019-08-26 12:20 評論0 收藏0
DataTables表格插件使用說明

摘要：簡介與的作用一樣，比更漂亮是一款表格插件。它是一個高度靈活的工具，可以將任何表格添加高級的交互功能。 DataTables簡介與EasyUI的Datagrid作用一樣，比easyui更漂亮 Datatables是一款jquery表格插件。它是一個高度靈活的工具，可以將任何HTML表格添加高級的交互功能。支持分頁、排序、搜索支持4種數據源支持多種主題擁有多種擴展文件引入 ...

weij 2019-08-29 12:26 評論0 收藏0
DataTables表格插件使用說明

摘要：簡介與的作用一樣，比更漂亮是一款表格插件。它是一個高度靈活的工具，可以將任何表格添加高級的交互功能。 DataTables簡介與EasyUI的Datagrid作用一樣，比easyui更漂亮 Datatables是一款jquery表格插件。它是一個高度靈活的工具，可以將任何HTML表格添加高級的交互功能。支持分頁、排序、搜索支持4種數據源支持多種主題擁有多種擴展文件引入 ...

bovenson 2019-08-20 15:52 評論0 收藏0