vueではmomentを使用してタイムスタンプをタイムフォーマット(YYYY-MM-DD)にフォーマットします.

1518 ワード

1まずvueプロジェクトで
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