city-casereport/miniprogram_npm/tdesign-miniprogram/date-time-picker

:: BASE_DOC ::

API

DateTimePicker Props

name	type	default	description	required
cancel-btn	String	取消	-	N
confirm-btn	String	-	-	N
end	String / Number	-	-	N
external-classes	Array	-	['t-class', 't-class-confirm', 't-class-cancel', 't-class-title']	N
format	String	'YYYY-MM-DD HH:mm:ss'	-	N
header	Boolean / Slot	true	see more ts definition	N
mode	String / Array	'date'	Typescript：DateTimePickerMode type DateTimePickerMode = TimeModeValues | Array<TimeModeValues> type TimeModeValues = 'year' | 'month' | 'date' | 'hour' | 'minute' | 'second'。see more ts definition	N
show-week	Boolean	false	-	N
start	String / Number	-	-	N
steps	Object	-	-	N
title	String	-	title of picker	N
value	String / Number	-	Typescript：DateValue type DateValue = string | number。see more ts definition	N
default-value	String / Number	undefined	uncontrolled property。Typescript：DateValue type DateValue = string | number。see more ts definition	N
visible	Boolean	false	-	N

DateTimePicker Events

name	params	description
cancel	-	-
change	(value: DateValue)	-
close	(trigger: TriggerSource)	1.0.1。see more ts definition。 type TriggerSource = 'overlay' | 'cancel-btn' | 'confirm-btn'
confirm	(value: DateValue)	1.0.1
pick	(value: DateValue)	-

CSS Variables

The component provides the following CSS variables, which can be used to customize styles.

Name	Default Value	Description
--td-data-time-picker-year-width	128rpx	-