UNPKG

ohayolibs

Version:

Ohayo is a set of essential modules for ohayojp.

56 lines (47 loc) • 3.3 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
--- title: date subtitle: Date type: Widgets --- To select or input a date. ## Notice - Format is divided into two types: **Data format** means form data, **Display format** means display data ([nzFormat](https://ng.ant.design/components/date-picker/en#api)) - All **Data format** units, reference [date-fns format](https://date-fns.org/v1.29.0/docs/format) (China mirror: [moment format](http://Momentjs.cn/docs/#/displaying/format/)) - Specify `schema.format` must follow [RFC3339](https://tools.ietf.org/html/rfc3339#section-5.6) time format, otherwise considered as a format error, default rules: - `date-time` default is `yyyy-MM-ddTHH:mm:ssZ` - `date`, `full-date` default is `yyyy-MM-dd` - `time`, `full-time` default is `HH:mm:ss` - *Non-standard:* `week` default is `yyyy-ww` - *Non-standard:* `month` default is `yyyy-MM` - When `schema.format` is not specified, the data formatting (Allows you to reassign default values via [Global Configuration](/docs/global-config)) is determined by the `schema.type` type: - `string` default is `yyyy-MM-dd HH:mm:ss` - `number` default is `T` 13-bit Unix Timestamp ## API ### schema | Property | Description | Type | Default | |----------|-------------|------|---------| | `[readOnly]` | Whether to disable the state | `boolean` | - | | `[format]` | Data format type | `string` | - | ### ui | Property | Description | Type | Default | |----------|-------------|------|---------| | `[mode]` | Render mode | `date,week,month,year` | `date` | | `[rangeMode]` | Set picker mode of range picker | `date,week,month,year` | `date` | | `[size]` | Size of the `nz-date-picker` | `default,large,small` | - | | `[placeholder]` | Placeholder of date input | `string` | - | | `[displayFormat]` | Display format([nzFormat](https://ng.ant.design/components/date-picker/en#api)) | `string` | `yyyy-MM-dd HH:mm:ss` | | `[end]` | End `key` value for the date range | `string` | - | | `[allowClear]` | Whether to show clear button | `boolean` | `true` | | `[className]` | Picker className | `string` | - | | `[disabledDate]` | specify the date that cannot be selected | `(current: Date) => boolean` | - | | `[locale]` | localization configuration | `object` | - | | `[popupStyle]` | to customize the style of the popup calendar | `object` | - | | `[dropdownClassName]` | to customize the className of the popup calendar | `string` | - | | `[onOpenChange]` | a callback emitter, can be executed whether the popup calendar is popped up or closed | `(status: boolean) => void` | - | | `[disabledTime]` | to specify the time that cannot be selected | `(current: Date) => { nzDisabledHours, nzDisabledMinutes, nzDisabledSeconds }` | - | | `[renderExtraFooter]` | render extra footer in panel | `string` | - | | `[showTime]` | to provide an additional time selection, the `object` type is [TimePickerOptions](https://ng.ant.design/components/time-picker/en#api) | `object,boolean` | `true` | | `[showToday]` | whether to show "Today" button | `boolean` | `true` | | `[inputReadOnly]` | Set the readonly attribute of the input tag (avoids virtual keyboard on touch devices) | `boolean` | `false` | | `[onOk]` | callback when click ok button | `(data: Date | Date[]) => void` | - | | `[change]` | Date change callback | `(data: Date | Date[]) => void` | - |