vue2中使用antd的日期组件，使用valueFormat可以直接修改时间格式

jojo是只猫

于 2023-12-20 11:27:02 发布

阅读量1.3k

点赞数 9

文章标签：前端 vue anti-design-vue

本文链接：https://blog.youkuaiyun.com/weixin_42496938/article/details/135103893

版权

文章介绍了如何在Vue2项目中使用AntDesign(antd)的日期组件时，通过`valueFormat`属性直接设置时间格式，无需额外处理change事件。示例代码展示了如何在表单中实现这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言：vue2中使用antd的日期组件，使用valueFormat可以直接修改时间格式

<a-form-model-item
      label="时间"
      prop="time"
    >
      <a-date-picker
        v-model="form.time"
        valueFormat="YYYY-MM-DD HH:mm:ss"
        :getCalendarContainer="
          (triggerNode) => {
            return triggerNode.parentNode
          }
        "
        show-time
        placeholder="请选择时间"
        style="width: 100%;"
      />
    </a-form-model-item>

写 valueFormat="YYYY-MM-DD HH:mm:ss"可以直接修改时间格式，不需要额外处理change的时间