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

在这里插入图片描述
转变成
在这里插入图片描述
在a-rang-picker中添加:v-decorator="[‘betweenTime’]";
: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'))
}

你可能感兴趣的:(vue.js,javascript,前端)