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>
相关推荐
还好还好不是吗2 分钟前
老项目改造 vue-cli 2.6 升级 rsbuild 提升开发效率300% upupup!!!
前端·性能优化
sumAll5 分钟前
别再手动对齐矩形了!这个开源神器让 AI 帮你画架构图 (Next-AI-Draw-IO 体验)
前端·人工智能·next.js
OpenTiny社区6 分钟前
2025OpenTiny星光ShowTime!年度贡献者征集启动!
前端·vue.js·低代码
wangan09417 分钟前
不带圆圈的二叉树
java·前端·javascript
狗哥哥18 分钟前
从零到一:打造企业级 Vue 3 高性能表格组件的设计哲学与实践
前端·vue.js·架构
疯狂平头哥20 分钟前
微信小程序真机预览-数字不等宽如何解决
前端
Drift_Dream22 分钟前
前端趣味交互:如何精准判断鼠标从哪个方向进入元素?
前端
hqk24 分钟前
鸿蒙ArkUI:状态管理、应用结构、路由全解析
android·前端·harmonyos
米思特儿林35 分钟前
NuxtImage 配置上传目录配置
前端
JohnYan42 分钟前
Bun技术评估 - 22 Stream
javascript·后端·bun