在vue中使用moment.js格式化时间

一: 安装

npm install moment --save

二:在main.js中 导入组件

import moment from 'moment'

三:在main.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>




第二种方法:


引入moment.js

npm install moment --save

直接在所需要的组件中引入就ok了

<script>

let moment = require("moment");


export default {

data() {

return {

}

可以直接使用了

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>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容