VUE日期格式化与数据格式问题
【VUE日期格式化与数据格式问题】之前用jalor、ADF等框架做开发,前端控件有数据类型,直接定义date或者datetime就可以显示对应的日期或者日期时间格式。
但是针对VUE+ELEMENTUI 数据显示却没有对应的属性,需要自己定义工具函数进行转换。
页面列表中使用
{{formatDate (scope.row.lastUpdateTime)}}
import formatDate from ./utils/util
……
method中引入formate
utils.js组件中formatDate方法 utils.js为公共JS,在main.js中引入
export function formate(value){
if(!value){
return "";
}
var date = new Date(value);
var year = date.getFullYear();
var month = date.getMonth()+1<10?'0'+(date.getMonth+1):date.getMonth+1;
var day = date.getDay()<10?'0'+date.getDay():date.getDay();
var hours= date.getHours()<10?'0'+date.getHours():date.getHours();
var minutes= date.getMinutes()<10?'0'+date.getMinutes():date.getMinutes();
var sends= date.getSends()<10?'0'+date.getSends():date.getSends();
return (year +'-'+month+'-'+day +' '+hours+':'+minutes+':'+sends)
}
遇到数据类型问题 javascript是若语言类型,注意数据类型问题
var month = date.getMonth()+1<10?‘0’+date.getMonth+1:date.getMonth+1;
这种写法,6月会变成071
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数()
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)
- VueX(Vuex|VueX(Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)
- 0811~2017下个旅程~利川
- vue中的条件判断详解v-if|vue中的条件判断详解v-if v-else v-else-if v-show