vuejs如何實現字符串轉日期

本篇內容主要講解“vuejs如何實現字符串轉日期”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“vuejs如何實現字符串轉日期”吧!

vuejs實現字符串轉日期的方法：1、安裝moment包；2、在組件中引入moment；3、使用“let str = moment(new Date()).format("YYYY-MM-DD hh:mm:ss")”方法轉換即可。

本文操作環境：Windows7系統、Vue2.9.6版、DELL G3電腦

vuejs怎么實現字符串轉日期？

JS和vue中日期格式的轉換：

1.獲取當前時間：

var now=new Date(); //Tue Oct 17 2017 18:08:40 GMT+0800 (中國標準時間)

獲取當前時間的日期

new Date().getDate()   //17
 
new Date().toLocaleString()   //2017/10/17 下午6:08:40

2.引用moment.js將標準時間轉化成YYYY-MM-DD hh:mm:ss

var time=moment(new Date()).format("YYYY-MM-DD hh:mm:ss");
//2017-10-17 06:08:40
 
var time=moment(new Date()).format("DD");  //17

獲取當前時間的第二天

moment(new Date().setDate(new Date().getDate()+2)).format("YYYY-MM-DD hh:mm:ss")   //2017-10-19 06:08:40

3.將標準時間轉換成時間戳

new Date().getTime()    //1508234920433

將YYYY-MM-DD日期轉換成時間戳

var stringTime = "2014-07-10 10:21:12";
var timestamp2 = Date.parse(new Date(stringTime));
console.log( timestamp2 );// 1500286120000

4.將時間戳轉換成標準時間和YYYY-MM-DD

new Date(parseInt('1508234920433'))
//Tue Oct 17 2017 18:08:40 GMT+0800 (中國標準時間)
 
moment(new Date(parseInt('1508234920433'))).format("YYYY-MM-DD hh:mm:ss")   //2017-10-19 06:08:40

5.vue中怎么使用moment格式轉換日期？

　　1)先安裝moment包：npm install moment

　　2)在組件中引入moment: import moment from "moment"

　　3)在組件中使用：let str = moment(new Date()).format("YYYY-MM-DD hh:mm:ss") //  2018-04-24 09:55:40

到此，相信大家對“vuejs如何實現字符串轉日期”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！