iView 中DatePicker日期选择器 v-model不生效的情况

场景

公司项目前段使用的是iview样式库,在开发的过程中,需要使用到时间选择器

使用后发现,输出的时间格式有问题,查看了需要使用到format来设置输出内容,发现不生效

百度...

1、百度后了解到v-model和format使用,不会生效,需要用到:@on-change 与 values绑定使用才可以

复制代码
 <Col span="6">
          <label for="" class="func-wrapper_label">&nbsp;开始时间:&nbsp;</label>
            <DatePicker type="date" v-model="startTime" :editable="false" placeholder="开始时间" format="yyyy-MM-dd" class="formInput" size="small" @on-change="startTime=$event"></DatePicker>
          </Col>
            <Col span="6">
              <label for="" class="func-wrapper_label">&nbsp;结束时间:&nbsp;</label>
            <DatePicker type="date" v-model="endTime" :editable="false" placeholder="结束时间" format="yyyy-MM-dd" class="formInput" size="small" @on-change="endTime=$event"></DatePicker>
        </Col>
相关推荐
用户69371750013849 小时前
DeepSeek 调价正式生效:一夜涨 11 倍,靠低价薅羊毛的日子结束了
前端·人工智能·后端
Orange_sparkle9 小时前
从五个 TypeScript 文件看懂 Coding Agent:一次 nano-pi 学习复盘
javascript·学习·typescript
半仙er9 小时前
第一周01天:this 指向与 call / apply / bind
前端
小帅不太帅9 小时前
给大家推荐一个特别好用的专为 AI Agent 打造的最快浏览器
前端·agent·浏览器
半仙er9 小时前
第一周03天 事件循环与宏任务 / 微任务
前端
做前端的娜娜子9 小时前
#浏览器存储方案:localStorage、sessionStorage 与 Cookie
前端·面试·掘金·金石计划
用户921080262869 小时前
1. Ant Design X Vue 项目介绍:结构、组件和启动方式
前端
摸鱼研究员9 小时前
neverthrow,ts 中优雅的异常处理方案
前端·javascript
烬羽9 小时前
求第 K 大,为什么反而要用最小堆?
javascript·数据结构·算法
jingchao19989 小时前
Cannot read properties of null (reading ‘insertBefore‘)
前端·javascript·vue.js