21 lines
528 B
TypeScript
21 lines
528 B
TypeScript
|
import { ElDatePicker } from 'element-plus'
|
||
|
|
import { VXETable } from 'vxe-table'
|
||
|
|
|
||
|
|
// 日期区间选择渲染
|
||
|
|
VXETable.renderer.add('XDataPicker', {
|
||
|
|
// 默认显示模板
|
||
|
|
renderItemContent(renderOpts, params) {
|
||
|
|
const { data, field } = params
|
||
|
|
const { content } = renderOpts
|
||
|
|
return (
|
||
|
|
<ElDatePicker
|
||
|
|
v-model={data[field]}
|
||
|
|
style="width: 100%"
|
||
|
|
type={content ? (content as any) : 'datetime'}
|
||
|
|
value-format="YYYY-MM-DD HH:mm:ss"
|
||
|
|
clearable
|
||
|
|
></ElDatePicker>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
})
|