JS 時間字符串和時間戳的相互轉換

待解決問題

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對象處理日期和時間,用到的方法以下:vue

Date.parse(timestr): 返回timestr的時間戳
var time = newDate(timestamp)   利用時間戳建立Date對象

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

如下是轉換過程:.net

將時間字符串轉換爲時間戳

//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的方法網上有不少,我使用的方法以下:code

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

總結

須要瞭解JavaScript中的Date對象。
要理解字符串轉換的思路:即字符串--時間戳---Date對象---攢新的字符串,有思路後作起來就瓜熟蒂落了。
本文總結的是一種解決思路,網上有更詳細、全面的方法,文章地址以下:
https://blog.csdn.net/FengNex...orm

相關文章
相關標籤/搜索