JS開發遇到了個問題:前端vue的UI組件生成的時間字符串格式是 2018-9-12 9:11:23,然後臺只能識別2018-09-12 09:11:23這樣的時間字符串,即要將時間字符串格式作轉換,數字是個位數的值前面要補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的方法網上有不少,我使用的方法以下:code
var add0 = function(m){ return m < 10 ? '0' + m: m }
須要瞭解JavaScript中的Date對象。
要理解字符串轉換的思路:即字符串--時間戳---Date對象---攢新的字符串,有思路後作起來就瓜熟蒂落了。
本文總結的是一種解決思路,網上有更詳細、全面的方法,文章地址以下:
https://blog.csdn.net/FengNex...orm