javascript中時間字串與時間戳記之間的轉換方法分析

這篇文章帶給大家的內容是關於javascript中時間字串和時間戳之間的轉換方法分析 ，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

待解決問題

JS開發遇到了個問題：前端vue的UI元件產生的時間字串格式是2018-9-12 9:11:23，而後台只能識別2018-09-12 09:11:23這樣的時間字串，也就是要將時間字串格式做轉換，數字是個位數的值前面要補0。

解決想法

1. 將現有的時間字串先轉換為時間戳

2. 使用時間戳創建Date對象，然後利用Date的方法來取得對應的年、月、日、時、分、秒的值

3. #補0，並產生所需的時間字串

#涉及知識點

時間戳概念：從1970年1月1日0時到指定日期（字串）的毫秒數。
需利用JS中的Date物件處理日期和時間，用到的方法如下：

Date.parse(timestr): 返回timestr的时间戳
var time = newDate(timestamp)   利用时间戳创建Date对象

JavaScript Date物件的方法可參考：http://www.w3school.com.cn/js. ..
時間字串是按需自行組裝的，補0就需想辦法解決，網路上有多種方法。

以下是轉換過程：

將時間字串轉換為時間戳

//mytime是待转换时间字符串，格式：'2018-9-12 9:11:23'
dateTmp = mytime.replace(/-/g,'/')   //为了兼容IOS，需先将字符串转换为'2018/9/11 9:11:23'
timestamp = Date.parse(dateTmp)    //返回'2018-9-12 9:11:23'的时间戳

將時間戳記轉換為所需格式的時間字串

    var dateFormat = function(timestamp){
        var time = newDate(timestamp)    //先将时间戳转为Date对象，然后才能使用Date的方法
        var year = time.getFullYear(),
            month = time.getMonth() + 1 ,  //月份是从0开始的
            day = time.getDate(),
            hour = time.getHours(),
            minute = time.getMinutes(),
            second = time.getSeconds()
            //add0()方法在后面定义
        return  year+'-'+this.add0(month)+'-'+ this.add0(day)+''+this.add0(hour)+':'+this.add0(minute)+':'+this.add0(second)  
        }

補0的方法add0

補0的方法網上有很多，我使用的方法如下：

        var add0 = function(m){
        return m < 10 ? '0' + m: m
        }

總結

需要了解JavaScript中的Date物件。
要理解字串轉換的思路：即字串--時間戳---Date物件---攢新的字串，有思路後做起來就順理成章了。

相關推薦：

js取得時間並實作字串與時間戳記之間的轉換_javascript技巧

以上是javascript中時間字串與時間戳記之間的轉換方法分析的詳細內容。更多資訊請關注PHP中文網其他相關文章！