vue-ele-form icon indicating copy to clipboard operation
vue-ele-form copied to clipboard

type=date时间范围选择v-model失效

Open ashuicoder opened this issue 3 years ago • 2 comments

Bug report(问题描述)

Steps to reproduce(问题复现步骤)

        registerTime: {
          type: 'date',
          label: '注册时间',
          attrs: {
            type: 'daterange',
            'start-placeholder': '开始日期',
            'end-placeholder': '结束日期'
          }
        }

Screenshot or Gif(截图或动态图)

QQ录屏20210127100209

Link to minimal reproduction(最小可在线还原demo)

Other relevant information(格外信息)

  • Vue version:
  • ElementUI version:
  • vue-ele-form version:

ashuicoder avatar Jan 27 '21 02:01 ashuicoder

获取到的值是NaN

ashuicoder avatar Jan 27 '21 02:01 ashuicoder

已找到解决办法

        registerTime: {
          type: 'date',
          label: '注册时间',
          attrs: {
            type: 'daterange',
            format: 'yyyy-MM-dd',
            'unlink-panels': true,
            'start-placeholder': '开始日期',
            'end-placeholder': '结束日期',
            'value-format': 'yyyy-MM-dd'
          },
          displayFormatter: value => {
            if (Array.isArray(value)) {
              return value.join(',')
            } else {
              return ''
            }
          }
        }

但是治标不治本,看了element v-model绑定的是一个数组,元素是两个Date,但是ele-form只接受Numer、String、Date,就会导致处理不正确

ashuicoder avatar Jan 27 '21 03:01 ashuicoder