zhsw_wechat/miniprogram_npm/tdesign-miniprogram/date-time-picker

:: BASE_DOC ::

API

DateTimePicker Props

name | type | default | description | required -- | -- | -- | -- | -- style | Object | - | CSS(Cascading Style Sheets) | N custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on virtual component | N auto-close | Boolean | false | - | N cancel-btn | String | 取消 | - | N confirm-btn | String | - | - | N custom-locale | String | zh | - | N end | String / Number | - | - | N filter | Function | - | Typescript：(type: TimeModeValues, columns: DateTimePickerColumn) => DateTimePickerColumn type DateTimePickerColumn = DateTimePickerColumnItem[] interface DateTimePickerColumnItem { label: string,value: string}。see more ts definition | N footer | Slot | - | see more ts definition | 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 popup-props | Object | {} | popup properties。Typescript：PopupProps，Popup API Documents。see more ts definition | N show-week | Boolean | false | - | N start | String / Number | - | - | N steps | Object | - | - | N title | String | - | title of picker | N use-popup | Boolean | true | - | 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) | -

DateTimePicker External Classes

className | Description -- | -- t-class | - t-class-cancel | - t-class-confirm | - t-class-title | -

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 | -