首頁 > web前端 > Vue.js > 主體

vuejs怎麼實作字串轉日期

藏色散人
發布: 2021-11-04 11:27:54
原創
16128 人瀏覽過

vuejs實作字串轉日期的方法:1、安裝moment套件;2、在元件中引入moment;3、使用「let str = moment(new Date()).format("YYYY-MM -DD hh:mm:ss")」方法轉換即可。

vuejs怎麼實作字串轉日期

本文操作環境: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

推薦學習:《最新的5個vue.js影片教學精選

以上是vuejs怎麼實作字串轉日期的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板