vueでのmomentの使用

3583 ワード

インストール
npm install moment --save
導入
メールでjs import moment from「moment」導入
グローバルフィルタの定義
メールでjs
	Vue.filter('dateformat', function(dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') {
     
		return moment(dataStr).format(pattern)
	})
	//filter                            
式#シキ#
    <span>{
     {
      item.date | dateformat('YYYY-MM-DD HH:mm:ss')}}</span>
    <span>  {
     {
      item.click }} </span>
コンポーネントで直接使用する(方法2)
<script>
let moment = require("moment");
if(this.ruleForm2.startTime == '' || this.ruleForm2.startTime == null || this.ruleForm2.startTime == undefined){
     
this.ruleForm2.startTime = ''
}else {
     
this.ruleForm2.startTime = moment(this.ruleForm2.startTime).format('YYYY-MM-DD')
}
              
this.ruleForm2.startTime = moment(this.ruleForm2.startTime).format('YYYY-MM-DD HH-mm'</script>