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>
相关推荐
前端百草阁19 分钟前
【TS简单上手,快速入门教程】————适合零基础
javascript·typescript
彭世瑜20 分钟前
ts: TypeScript跳过检查/忽略类型检查
前端·javascript·typescript
FØund40420 分钟前
antd form.setFieldsValue问题总结
前端·react.js·typescript·html
Backstroke fish21 分钟前
Token刷新机制
前端·javascript·vue.js·typescript·vue
zwjapple21 分钟前
typescript里面正则的使用
开发语言·javascript·正则表达式
小五Five22 分钟前
TypeScript项目中Axios的封装
开发语言·前端·javascript
小曲程序22 分钟前
vue3 封装request请求
java·前端·typescript·vue
临枫54123 分钟前
Nuxt3封装网络请求 useFetch & $fetch
前端·javascript·vue.js·typescript
酷酷的威朗普24 分钟前
医院绩效考核系统
javascript·css·vue.js·typescript·node.js·echarts·html5
前端每日三省24 分钟前
面试题-TS(八):什么是装饰器(decorators)?如何在 TypeScript 中使用它们?
开发语言·前端·javascript