DatePicker 时间选择器

相比较于原生my.datePicker实现了ios跟android端体验一致

代码示例

基本使用

属性

DatePicker

属性	说明	类型	默认值
value	选中的时间	Date	-
format	时间格式化显示，格式同dayjs	string	-
min	最小值	Date	十年前
max	最大值	Date	十年后
precision	选择精度	'year' \| 'month' \| 'day' \| 'hour' \| 'minute' \| 'second'	'day'
disabled	是否禁用	boolean	false
placeholder	提示文案	string	'请选择'
title	弹出框标题	string	-
okText	确认按钮文案	string	'确定'
dismissText	取消文案	string	'取消'
maskClosable	点击蒙层是否可以关闭	boolean	false
maskStyle	蒙层的样式	string	-
maskClass	蒙层的类名	string	-
indicatorStyle	选中框样式	string	-
indicatorClass	选中框的类名	string	-
className	类名	string	-

RangePicker

属性	说明	类型	默认值
value	选中的时间	[Date,Date]	-
format	时间格式化显示，格式同dayjs	string	-
min	最小值	Date	十年前
max	最大值	Date	十年后
precision	选择精度	'year' \| 'month' \| 'day' \| 'hour' \| 'minute'	'day'
disabled	是否禁用	boolean	false
placeholder	提示文案	string	'请选择'
startPlaceholder	开始时间提示文案	string	'未选择'
endPlaceholder	结束时间提示文案	string	'未选择'
splitCharacter	显示连接符	string	'~'
title	弹出框标题	string	-
okText	确认按钮文案	string	'确定'
dismissText	取消文案	string	'取消'
maskClosable	点击蒙层是否可以关闭	boolean	false
maskStyle	蒙层的样式	string	-
maskClass	蒙层的类名	string	-
indicatorStyle	选中框样式	string	-
indicatorClass	选中框的类名	string	-
className	类名	string	-

事件

DatePicker

事件名	说明	类型
onOk	点击确定按钮，触发回调	(date: Date, dateStr: string, dateArr:number[], event: `Event`) => void
onDismiss	点击取消按钮/蒙层，触发回调	(event: `Event`) => void
onPickerChange	选中项发生变化，触发回调	(date: Date, dateStr: string, dateArr:number[], event: `Event`) => void
onFormat	选中值的文本显示格式	(date: Date, dateStr: string, dateArr:number[]) => string
onTriggerPicker	弹出框显示/隐藏状态变化触发	(visible: boolean, (event: `Event`) => void

RangePicker

事件名	说明	类型
onOk	点击确定按钮，触发回调	(date: [Date,Date], dateStr: [string,string], dateArr:[number[],number[]], event: `Event`) => void
onDismiss	点击取消按钮/蒙层，触发回调	(event: `Event`) => void
onPickerChange	选中项发生变化，触发回调	(type: 'start'\|'end', date: Date, dateStr: string, dateArr:number[], event: `Event`) => void
onFormat	选中值的文本显示格式	(date: [Date,Date], dateStr: [string,string], dateArr:[number[],number[]]) => string
onTriggerPicker	弹出框显示/隐藏状态变化触发	(visible: boolean, (event: `Event`) => void

插槽

名称	说明	类型
title	弹窗窗体标题名称，RangePicker暂不支持	-

样式类

类名	说明
amd-date-picker	文本展示区域样式