在vue项目中使用JSX语法来获取时间选择器的值

柯蓝一萌

已于 2024-07-25 15:59:34 修改

阅读量149

点赞数 1

文章标签：前端 javascript

于 2024-07-24 17:00:28 首次发布

本文链接：https://blog.csdn.net/qq_42209022/article/details/140667599

版权

项目场景：

在vue项目中使用JSX语法来获取时间选择器的值

问题描述

在date-picker组件中使用onChange不生效

解决方案：

使用on-input来替换onChange事件

<div>
                <hos-date-picker
                  v-show={p.row.rowEditBoolean} 
                  value={p.row.createDatetime}
                  onInput={(e) => {
                    this.changeName(e,p,'createDatetime')
                  }}
                  onBlur={(e) => {
                    this.handlBlur(p, 'createDatetime', e)
                  }}
                  format="yyyy-MM-dd HH:mm:ss"
                  type="datetime"
                  placeholder="选择日期"
                ></hos-date-picker>
                <span v-show={!p.row.rowEditBoolean} onClick={() =>{
                  this.cellClick(p.row, p.column)
                  }}>{p.row.createDatetime}</span>
              </div>