ホームページ  >  記事  >  ウェブフロントエンド  >  vuejsで文字列を日付に変換する方法

vuejsで文字列を日付に変換する方法

藏色散人
藏色散人オリジナル
2021-11-04 11:27:2316104ブラウズ

文字列を日付に変換する Vuejs メソッド: 1. moment パッケージをインストールします; 2. moment をコンポーネントに導入します; 3. "let str = moment(new Date()).format("YYYY-MM) を使用します-DD hh:mm:ss")" メソッドを使用して変換できます。

vuejsで文字列を日付に変換する方法

この記事の動作環境: Windows 7 システム、Vue2.9.6 バージョン、DELL G3 コンピューター

vuejs はどのように変換しますか日付に文字列を入れる?

JS と vue の日付形式の変換:

1. 現在時刻の取得:

var now=new Date(); //Tue Oct 17 2017 18:08:40 GMT+0800 (中国标准时间)

現在の日付の取得time

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

Get現在時刻 2 日

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 で日付を変換するためにモーメント形式を使用するにはどうすればよいですか?

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

推奨調査: " vue.js ビデオ チュートリアルの最新 5 選>>

以上がvuejsで文字列を日付に変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。