dataPicker.tsx 528 B

1234567891011121314151617181920
  1. import { ElDatePicker } from 'element-plus'
  2. import { VXETable } from 'vxe-table'
  3. // 日期区间选择渲染
  4. VXETable.renderer.add('XDataPicker', {
  5. // 默认显示模板
  6. renderItemContent(renderOpts, params) {
  7. const { data, field } = params
  8. const { content } = renderOpts
  9. return (
  10. <ElDatePicker
  11. v-model={data[field]}
  12. style="width: 100%"
  13. type={content ? (content as any) : 'datetime'}
  14. value-format="YYYY-MM-DD HH:mm:ss"
  15. clearable
  16. ></ElDatePicker>
  17. )
  18. }
  19. })