vueではmomentを使用してタイムスタンプをタイムフォーマット(YYYY-MM-DD)にフォーマットします.
1まずvueプロジェクトで
2.時間フォーマットグローバルフィルタをmainで定義.jsまたはコンポーネントにインポート
3.使用法1グローバルで定義時間をmainにフォーマットする.jsにmomentを導入する
これにより、時間をフォーマットする必要があるコンポーネントで使用できます.以下のようにします.
ここで私は2つのspanラベルを持っています.1つ目はタイムスタンプを月/日(11/24)のようにフォーマットし、2つ目は年値(2018のように)にフォーマットします.
4.用法二:
私たちのプロジェクトに必要なフォーマットが統一されている場合(例えば、2018-09-06と表示されます)、main.jsでは、次のように統一フォーマットスタイルの設定を行います.
そしてコンポーネントでこのように使えばいいです
5.使い方3 vue methodsメソッドで使用
6 . タイムスタンプを直接Dateオブジェクトに文字列を転送すると、彼はあなたを時間に変えることができます.
npm install moment --save
2.時間フォーマットグローバルフィルタをmainで定義.jsまたはコンポーネントにインポート
import moment from 'moment'
3.使用法1グローバルで定義時間をmainにフォーマットする.jsにmomentを導入する
//
Vue.filter('datefmt', function (input, fmtstring) {
return moment.unix(input).format(fmtstring)
})
これにより、時間をフォーマットする必要があるコンポーネントで使用できます.以下のようにします.
{{item.publishdate | datefmt('MM/DD')}}
{{item.publishdate | datefmt('YYYY')}}
ここで私は2つのspanラベルを持っています.1つ目はタイムスタンプを月/日(11/24)のようにフォーマットし、2つ目は年値(2018のように)にフォーマットします.
4.用法二:
私たちのプロジェクトに必要なフォーマットが統一されている場合(例えば、2018-09-06と表示されます)、main.jsでは、次のように統一フォーマットスタイルの設定を行います.
Vue.filter('datefmt', function (input, 'YYYY-MM-DD') {
return moment.unix(input).format('YYYY-MM-DD')
})
そしてコンポーネントでこのように使えばいいです
{{item.publishdate | datefmt}}
5.使い方3 vue methodsメソッドで使用
const data = moment( ).format('YYYY-MM-DD HH:mm:ss')
console.log(data) // "2019-05-25 08:23:56"
6 . タイムスタンプを直接Dateオブジェクトに文字列を転送すると、彼はあなたを時間に変えることができます.
var timeStr1 = '2018/08/08';
var timeStr2 = '2018/12/12';
var time1 = new Date(timeStr1).getTime();
var time2 = new Date(timeStr2).getTime();
console.log(time1 ) // 1558972800000