0


ElementUI中的el-date-picker日期选择器的格式转换问题

使用el-date-picker日期选择器选择的日期是string类型且是箭头所指的这种格式

解决方法一:

1、在这个组件后面加上这两个,可以修改格式

<el-date-picker type="date" placeholder="选择日期" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd"></el-date-picker>

2、在后端实体类上加上注解

即使前端的是string类型,但是通过json自带的格式匹配注解工具,将string转换成LocalDateTime类型

  @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")
    private LocalDateTime userBirthday;

解决方法二:

用npm下载一个moment.js

1、

npm install moment --save

2、在main.js中注册

import moment from "moment";
//需要汉化
moment.locale('zh-cn');
Vue.prototype.$moment = moment;//赋值使用
let date = new Date(moment(this.userInfo.userBirthday).format('YYYY-MM-DD HH:mm:ss'));
标签: elementui vue.js 前端

本文转载自: https://blog.csdn.net/weixin_42200886/article/details/129848977
版权归原作者 努力的Kevin_ 所有, 如有侵权,请联系我们删除。

“ElementUI中的el-date-picker日期选择器的格式转换问题”的评论:

还没有评论