解决vue中ant时间格式的处理

最新推荐文章于 2023-12-28 11:02:02 发布

一定能成功

最新推荐文章于 2023-12-28 11:02:02 发布

阅读量891

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_44713209/article/details/122558196

版权

在这里插入图片描述
转变成

在a-rang-picker中添加：v-decorator="[‘betweenTime’]"；
<a-range-picker
:show-time="{ format: ‘HH:mm:ss’ }"
format=“YYYY-MM-DD HH:mm:ss”
v-decorator="[‘betweenTime’]"/这个是关键/
:style="{ width: ‘100%’ }"
:locale=“locale”
/>
接着在script里面写格式化代码

import moment from ‘moment’//这个是必备品
import locale from ‘ant-design-vue/es/date-picker/locale/zh_CN’
data () {
return {
locale,
// 默认日期范围
defaultDate: [moment(), moment()]
}
},
methods: {
/* 时间格式化 */

/**
 * 提交到后端api
 */
onFormSubmit (values) {     
  /* 将时间格式化处理 */
  values.betweenTime = values.betweenTime.map((item) => item.format('YYYY-MM-DD HH:mm:ss'))
}