mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
doc: update date time picker doc (#1037)
* chore: update * chore: update
This commit is contained in:
@@ -3,7 +3,7 @@
|
||||
Select date and time in one picker.
|
||||
|
||||
:::tip
|
||||
DateTimePicker is derived from DatePicker and TimePicker. For a more detailed explanation on `pickerOptions` and other attributes, you can refer to DatePicker and TimePicker.
|
||||
DateTimePicker is derived from DatePicker and TimePicker. For a more detailed explanation on attributes, you can refer to DatePicker and TimePicker.
|
||||
:::
|
||||
|
||||
### Date and time
|
||||
@@ -212,14 +212,10 @@ DateTimePicker is derived from DatePicker and TimePicker. For a more detailed ex
|
||||
| unlink-panels | unllink two date-panels in range-picker | boolean | — | false |
|
||||
| prefix-icon | Custom prefix icon class | string | — | el-icon-date |
|
||||
| clear-icon | Custom clear icon class | string | — | el-icon-circle-close |
|
||||
|
||||
### Picker Options
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| shortcuts | a { text, onClick } object array to set shortcut options, check the table below | object[] | — | — |
|
||||
| disabledDate | a function determining if a date is disabled with that date as its parameter. Should return a Boolean | function | — | — |
|
||||
| cellClassName | set custom className | Function(Date) | — | — |
|
||||
| firstDayOfWeek | first day of week | Number | 1 to 7 | 7 |
|
||||
|
||||
|
||||
### shortcuts
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
Seleccionar fecha y tiempo juntos en un picker.
|
||||
|
||||
:::tip
|
||||
DateTimePicker se deriva de DatePicker y TimePicker. Por una explicación más detallada sobre `pickerOptions` y otros atributos, puede referirse a DatePicker y TimePicker.
|
||||
DateTimePicker se deriva de DatePicker y TimePicker. Por una explicación más atributos, puede referirse a DatePicker y TimePicker.
|
||||
:::
|
||||
|
||||
### Fecha y hora
|
||||
@@ -214,14 +214,9 @@ DateTimePicker se deriva de DatePicker y TimePicker. Por una explicación más d
|
||||
| prefix-icon | Clase personalizada para el icono prefijado | string | — | el-icon-date |
|
||||
| clear-icon | Clase personalizada para el icono `clear` | string | — | el-icon-circle-close |
|
||||
| validate-event | si se debe disparar la validacion | boolean | - | true |
|
||||
|
||||
### Picker Options
|
||||
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|
||||
| -------------- | ---------------------------------------- | -------- | ----------------- | ----------- |
|
||||
| shortcuts | un array de objetos { text, onClick } para establecer las opciones de acceso directo, verifique la tabla debajo | objeto[] | — | — |
|
||||
| disabledDate | una función que determina si una fecha está desactivada con esa fecha como parámetro. Debería devolver un booleano | función | — | — |
|
||||
| cellClassName | establecer nombre de clase personalizado | Function(Date) | — | — |
|
||||
| firstDayOfWeek | primera día de semana | Número | 1 to 7 | 7 |
|
||||
|
||||
### Accesos directos
|
||||
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
Sélectionnez une date et une heure dans un seul picker.
|
||||
|
||||
:::tip
|
||||
DateTimePicker est dérivé de DatePicker et TimePicker. Pour plus d'informations sur `pickerOptions` et d'autres attributs, vous pouvez vous référer à DatePicker et TimePicker.
|
||||
DateTimePicker est dérivé de DatePicker et TimePicker. Pour plus d'informations attributs, vous pouvez vous référer à DatePicker et TimePicker.
|
||||
:::
|
||||
|
||||
### Date et horaire
|
||||
@@ -212,14 +212,9 @@ DateTimePicker est dérivé de DatePicker et TimePicker. Pour plus d'information
|
||||
| unlink-panels | Rend indépendants les deux panneaux de plage de dates | boolean | — | false |
|
||||
| prefix-icon | Icône de préfixe. | string | — | el-icon-date |
|
||||
| clear-icon | Icône de reset | string | — | el-icon-circle-close |
|
||||
|
||||
### Options du Picker
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| shortcuts | Un tableau d'objets { text, onClick } pour mettre en place des raccourcis, vérifier le tableau ci-dessous | object[] | — | — |
|
||||
| disabledDate | Une fonction déterminant si une date est désactivée avec cette date en paramètre. Retourne un Boolean | function | — | — |
|
||||
| cellClassName | set custom className | Function(Date) | — | — |
|
||||
| firstDayOfWeek | Le premier jour de la semaine | Number | 1 à 7 | 7 |
|
||||
|
||||
### Raccourcis
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut |
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
1つのピッカーで日時を選択します。
|
||||
|
||||
:::tip
|
||||
DateTimePickerはDatePickerとTimePickerから派生したものです。`pickerOptions`やその他の属性についての詳しい説明は、DatePickerとTimePickerを参照してください。
|
||||
DateTimePickerはDatePickerとTimePickerから派生したものです。属性についての詳しい説明は、DatePickerとTimePickerを参照してください。
|
||||
:::
|
||||
|
||||
### 日付と時間
|
||||
@@ -212,14 +212,9 @@ DateTimePickerはDatePickerとTimePickerから派生したものです。`picker
|
||||
| unlink-panels | レンジピッカーで2つのデータパネルのリンクを解除する | boolean | — | false |
|
||||
| prefix-icon | カスタムプレフィックスアイコンクラス | string | — | el-icon-date |
|
||||
| clear-icon | カスタムクリアアイコンクラス | string | — | el-icon-circle-close |
|
||||
|
||||
### ピッカーオプション
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| shortcuts | a { text, onClick } object array to set shortcut options, check the table below | object[] | — | — |
|
||||
| disabledDate | a function determining if a date is disabled with that date as its parameter. Should return a Boolean | function | — | — |
|
||||
| cellClassName | set custom className | Function(Date) | — | — |
|
||||
| firstDayOfWeek | first day of week | Number | 1 to 7 | 7 |
|
||||
|
||||
### ショートカット
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
在同一个选择器里选择日期和时间
|
||||
|
||||
:::tip
|
||||
DateTimePicker 由 DatePicker 和 TimePicker 派生,`Picker Options` 或者其他选项可以参照 DatePicker 和 TimePicker。
|
||||
DateTimePicker 由 DatePicker 和 TimePicker 派生,相关属性可以参照 DatePicker 和 TimePicker。
|
||||
:::
|
||||
|
||||
### 日期和时间点
|
||||
@@ -211,14 +211,9 @@ DateTimePicker 由 DatePicker 和 TimePicker 派生,`Picker Options` 或者其
|
||||
| unlink-panels | 在范围选择器里取消两个日期面板之间的联动 | boolean | — | false |
|
||||
| prefix-icon | 自定义头部图标的类名 | string | — | el-icon-date |
|
||||
| clear-icon | 自定义清空图标的类名 | string | — | el-icon-circle-close |
|
||||
|
||||
### Picker Options
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| shortcuts | 设置快捷选项,需要传入 { text, onClick } 对象用法参考 demo 或下表 | Object[] | — | — |
|
||||
| disabledDate | 设置禁用状态,参数为当前日期,要求返回 Boolean | Function | — | — |
|
||||
| cellClassName | 设置日期的 className | Function(Date) | — | — |
|
||||
| firstDayOfWeek | 周起始日 | Number | 1 到 7 | 7 |
|
||||
|
||||
### Shortcuts
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|
||||
Reference in New Issue
Block a user