Moment.jsはVuejs

Question

と私はvue-for

{{ moment().format('MMMM Do YYYY, h:mm:ss a') }} 

で次のように使用して日付時刻をプリントアウトしようとしたが、それは表示されません。それは単なる空白です。どのように私はvueで瞬間を使用しようとすることができますか？あなたのコードで

Answer 1

、vue.jsは、その範囲からmoment()メソッドにアクセスしようとしています。

したがって、あなたがこのような方法で使用する必要があります。

methods: { 
    moment: function() { 
    return moment(); 
    } 
}, 

あなたはmoment.jsに日付を渡したい場合は、私はフィルタを使用することをお勧め：で

filters: { 
    moment: function (date) { 
    return moment(date).format('MMMM Do YYYY, h:mm:ss a'); 
    } 
} 

<span>{{ date | moment }}</span> 

[demo]

Answer 2

をあなたのpackage.jsonの"dependencies"セクションに、瞬間が追加されます：

あなたは瞬間を使用したいコンポーネントで

"dependencies": { 
    "moment": "^2.15.2", 
    ... 
} 

、それをインポートします。

<script> 
import moment from 'moment' 
... 

と同じコンポーネントで計算されたプロパティを追加します。このテンプレートで

computed: { 
    timestamp: function() { 
    return moment(this.<model>.attributes['created-at']).format('YYYY-MM-DD [at] hh:mm') 
    } 
} 

そしてをコンポーネント：

<p>{{ timestamp }}</p> 

Answer 3

私はVue 2.0をシングルファイルコンポーネントで動作させました。あなたはVUEを持っているフォルダ内の

npm install momentプロジェクトは、単一ページのアプリケーション、（vue init webpack myprojectによって作成などのプロジェクト）、 ある場合

<template> 
    <div v-for="meta in order.meta"> 
    {{ getHumanDate(meta.value.date) }} 
    </div> 
</template> 
<script> 
    import moment from 'moment'; 
    export default { 
     methods: { 
      getHumanDate : function (date) { 
       return moment(date, 'YYYY-MM-DD').format('DD/MM/YYYY'); 
      } 
     } 
    } 
</script> 

Answer 4

をインストールし、私はこの方法が最も直感的で簡単ですが見つかりました：

main.jsあなたのTEMPに続いて

import moment from 'moment' 

Vue.prototype.moment = moment 

で

後半、単に

<span>{{moment(date).format('YYYY-MM-DD')}}</span>