解决vue页面上显示NAN的问题:使用时间格式化插件moment.js

目录今天在调试一个vue项目时，遇到这样的问题，如下图：那怎么解决呢？使用moment.js插件。步骤如下：第一：在项目中，新建moment.js，再把http://momentjs.cn/downloads/moment.js的代码放进去；第二：在.vue文件中，引入插件moment第三：在.vue文件ç¬¬åï¼Âå¨.vueæä»¶æç¾éï¼åæåéè½...

lezeqe

7664人浏览 · 2019-09-10 12:47:52

lezeqe · 2019-09-10 12:47:52 发布

今天在调试一个vue项目时，遇到这样的问题，如下图：

那怎么解决呢？使用moment.js插件。步骤如下：

第一：在项目中，新建moment.js，再把http://momentjs.cn/downloads/moment.js 的代码放进去；

第二：在.vue文件中，引入插件moment

第三：在.vue文件

ç¬¬åï¼Â å¨.vueæä»¶æ ç¾éï¼åæåéè½¬ä¸ºdateç±»åï¼åæ·»å è¿æ»¤å¨

ç»æå¦ä¸ï¼

今天在调试一个vue项目时，遇到这样的问题，如下图：

那怎么解决呢？使用moment.js插件。步骤如下：

第一：在项目中，新建moment.js，再把http://momentjs.cn/downloads/moment.js 的代码放进去；

第二：在.vue文件中，引入插件moment

第三：在.vue文件<script>标签里，添加过滤器函数

第四：在.vue文件<template>标签里，先把变量转为date类型，再添加过滤器

结果如下：

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^