mirror of
https://github.com/element-plus/element-plus.git
synced 2025-02-23 11:59:34 +08:00
chore: update (#1039)
This commit is contained in:
zazzaz
GitHub
parent
b11cac4ebd
commit
89001165ae
@ -351,7 +351,7 @@ Pay attention to capitalization
|
||||
|
||||
When picking a date range, you can assign the time part for start date and end date.
|
||||
|
||||
:::demo By default, the time part of start date and end date are both `00:00:00`. Setting `default-time` can change their time respectively. It accepts an array of up to two strings with the format of `12:00:00`. The first string sets the time for the start date, and the second for the end date.
|
||||
:::demo By default, the time part of start date and end date are both `00:00:00`. Setting `default-time` can change their time respectively. It accepts an array of up to two Date objects. The first string sets the time for the start date, and the second for the end date.
|
||||
```html
|
||||
<template>
|
||||
<div class="block">
|
||||
@ -400,7 +400,7 @@ When picking a date range, you can assign the time part for start date and end d
|
||||
| popper-class | custom class name for DatePicker's dropdown | string | — | — |
|
||||
| range-separator | range separator | string | — | '-' |
|
||||
| default-value | optional, default date of the calendar | Date | anything accepted by `new Date()` | — |
|
||||
| default-time | optional, the time value to use when selecting date range | string[] | Array with length 2, each item is a string like `12:00:00`. The first item for the start date and then second item for the end date | — |
|
||||
| default-time | optional, the time value to use when selecting date range | Date[] | Array with length 2, each item is a Date. The first item for the start date and then second item for the end date | — |
|
||||
| name | same as `name` in native input | string | — | — |
|
||||
| unlink-panels | unlink two date-panels in range-picker | boolean | — | false |
|
||||
| prefix-icon | Custom prefix icon class | string | — | el-icon-date |
|
||||
|
||||
@ -35,7 +35,7 @@ DateTimePicker is derived from DatePicker and TimePicker. For a more detailed ex
|
||||
v-model="value3"
|
||||
type="datetime"
|
||||
placeholder="Select date and time"
|
||||
default-time="12:00:00">
|
||||
:default-time="defaultTime">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</template>
|
||||
@ -64,7 +64,8 @@ DateTimePicker is derived from DatePicker and TimePicker. For a more detailed ex
|
||||
}],
|
||||
value1: '',
|
||||
value2: '',
|
||||
value3: ''
|
||||
value3: '',
|
||||
defaultTime: new Date(2000, 1, 1, 12, 0, 0) // '12:00:00'
|
||||
};
|
||||
}
|
||||
};
|
||||
@ -142,7 +143,7 @@ DateTimePicker is derived from DatePicker and TimePicker. For a more detailed ex
|
||||
|
||||
### Default time value for start date and end date
|
||||
|
||||
:::demo When picking date range on the date panel with type `datetimerange`, `00:00:00` will be used as the default time value for start and end date. We can control it with the `default-time` attribute. `default-time` accepts an array of up to two strings. The first item controls time value of the start date and the second item controls time value of the end date.
|
||||
:::demo When picking date range on the date panel with type `datetimerange`, `00:00:00` will be used as the default time value for start and end date. We can control it with the `default-time` attribute. `default-time` accepts an array of up to two Date objects. The first item controls time value of the start date and the second item controls time value of the end date.
|
||||
```html
|
||||
<template>
|
||||
<div class="block">
|
||||
@ -207,7 +208,7 @@ DateTimePicker is derived from DatePicker and TimePicker. For a more detailed ex
|
||||
| popper-class | custom class name for DateTimePicker's dropdown | string | — | — |
|
||||
| range-separator | range separator | string | - | '-' |
|
||||
| default-value | optional, default date of the calendar | Date | anything accepted by `new Date()` | — |
|
||||
| default-time | the default time value after picking a date | non-range: string / range: string[] | non-range: a string like `12:00:00`, range: array of two strings, and the first item is for the start date and second for the end date. `00:00:00` will be used if not specified | — |
|
||||
| default-time | the default time value after picking a date | non-range: Date / range: Date[] | non-range: a Date object, range: array of two Date objects, and the first item is for the start date and second for the end date. Time `00:00:00` will be used if not specified | — |
|
||||
| name | same as `name` in native input | string | — | — |
|
||||
| unlink-panels | unllink two date-panels in range-picker | boolean | — | false |
|
||||
| prefix-icon | Custom prefix icon class | string | — | el-icon-date |
|
||||
|
||||
@ -355,7 +355,7 @@ Preste atención a la capitalización
|
||||
|
||||
Al seleccionar un intervalo de fechas, puede asignar la hora para la fecha de inicio y la fecha final.
|
||||
|
||||
:::demo Por defecto, la hora de la fecha de inicio y final es `00:00:00`. Configurar `default-time` puede cambiar la hora respectivamente. Acepta un array de hasta dos cadenas con el formato `12:00:00`. La primera cadena fija la hora para la fecha de inicio y la segunda para la fecha final.
|
||||
:::demo Por defecto, la hora de la fecha de inicio y final es `00:00:00`. Configurar `default-time` puede cambiar la hora respectivamente. Acepta un array de Date dos cadenas. La primera cadena fija la hora para la fecha de inicio y la segunda para la fecha final.
|
||||
|
||||
```html
|
||||
<template>
|
||||
@ -405,7 +405,7 @@ Al seleccionar un intervalo de fechas, puede asignar la hora para la fecha de in
|
||||
| popper-class | nombre de clase personalizada para el dropdown de DatePicker | string | — | — |
|
||||
| range-separator | separador de rangos | string | — | '-' |
|
||||
| default-value | opcional, valor por defecto para el calendario | Date | cualquiera aceptado por `new Date()` | — |
|
||||
| default-time | opcional, los valores para las horas que se deben usar en la seleccion de fechas cuando se usa el modo rango | string[] | Array de dos valores, cada uno es un string del estilo `12:00:00`. El primer elemento es para la fecha de inicio y el segundo es para la fecha final. | — |
|
||||
| default-time | optional, the time value to use when selecting date range | Date[] | Array with length 2, each item is a Date. The first item for the start date and then second item for the end date | — |
|
||||
| name | igual que `name` en el input nativo | string | — | — |
|
||||
| unlink-panels | desvincular los dos paneles de fecha en el range-picker | boolean | — | false |
|
||||
| prefix-icon | Clase personalizada para el icono prefijado | string | — | el-icon-date |
|
||||
|
||||
@ -36,7 +36,7 @@ DateTimePicker se deriva de DatePicker y TimePicker. Por una explicación más a
|
||||
v-model="value3"
|
||||
type="datetime"
|
||||
placeholder="Select date and time"
|
||||
default-time="12:00:00">
|
||||
:default-time="defaultTime">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</template>
|
||||
@ -65,7 +65,8 @@ DateTimePicker se deriva de DatePicker y TimePicker. Por una explicación más a
|
||||
}],
|
||||
value1: '',
|
||||
value2: '',
|
||||
value3: ''
|
||||
value3: '',
|
||||
defaultTime: new Date(2000, 1, 1, 12, 0, 0) // '12:00:00'
|
||||
};
|
||||
}
|
||||
};
|
||||
@ -143,7 +144,7 @@ DateTimePicker se deriva de DatePicker y TimePicker. Por una explicación más a
|
||||
|
||||
### Valor de la hora por defecto para la fecha de inicio y la fecha final
|
||||
|
||||
:::demo Cuando se selecciona el rango de fechas en el panel con el tipo datetimerange, 00:00:00:00 se usará como el valor de tiempo predeterminado para la fecha de inicio y fin. Podemos controlarlo con el atributo default-time. default-time acepta una matriz de hasta dos cadenas. La primera posición controla el valor de tiempo de la fecha de inicio y la segunda el valor de tiempo de la fecha de fin.
|
||||
:::demo Cuando se selecciona el rango de fechas en el panel con el tipo datetimerange, 00:00:00:00 se usará como el valor de tiempo predeterminado para la fecha de inicio y fin. Podemos controlarlo con el atributo default-time. default-time acepta array of Date objects. La primera posición controla el valor de tiempo de la fecha de inicio y la segunda el valor de tiempo de la fecha de fin.
|
||||
```html
|
||||
<template>
|
||||
<div class="block">
|
||||
@ -208,7 +209,7 @@ DateTimePicker se deriva de DatePicker y TimePicker. Por una explicación más a
|
||||
| popper-class | nombre de clase personalizado para el Dropdown de DatePicker | string | — | — |
|
||||
| range-separator | separador de rango | string | - | '-' |
|
||||
| default-value | opcional, fecha predeterminada del calendario | Fecha | cualquier cosa aceptada por `new Date()` — | |
|
||||
| default-time | el valor de tiempo por defecto después de elegir una fecha | non-range: string / range: string[] | non-range: Una cadena de texto como `12:00:00`, range: array de dos strings, el primero es para la fecha de inicio y el segundo para la fecha final. 00:00:00 se utilizará si no se especifica | — |
|
||||
| default-time | the default time value after picking a date | non-range: Date / range: Date[] | non-range: a Date object, range: array of two Date objects, and the first item is for the start date and second for the end date. Time `00:00:00` will be used if not specified | — |
|
||||
| name | igual que `name` en la entrada nativa | string | — | — |
|
||||
| unlink-panels | desconectar dos date-panels en range-picker | boolean | — | false |
|
||||
| prefix-icon | Clase personalizada para el icono prefijado | string | — | el-icon-date |
|
||||
|
||||
@ -353,7 +353,7 @@ Attention à la capitalisation !
|
||||
|
||||
Lorsque vous choisissez une plage de dates, vous pouvez assigner l'horaire de départ et de fin pour chacune des dates.
|
||||
|
||||
:::demo Par défaut, l'horaire pour les dates de début et de fin est `00:00:00`. Configurez `default-time` pour changer l'horaire. Cet attribut prends un tableau de un ou deux horaires au format `12:00:00`. Le premier est pour la date de début, le deuxième pour la date de fin.
|
||||
:::demo By default, the time part of start date and end date are both `00:00:00`. Setting `default-time` can change their time respectively. It accepts an array of up to two Date objects. The first string sets the time for the start date, and the second for the end date.
|
||||
```html
|
||||
<template>
|
||||
<div class="block">
|
||||
@ -402,7 +402,7 @@ Lorsque vous choisissez une plage de dates, vous pouvez assigner l'horaire de d
|
||||
| popper-class | Nom de classe pour le menu déroulant du DatePicker. | string | — | — |
|
||||
| range-separator | Séparateur de plage de dates. | string | — | '-' |
|
||||
| default-value | Date par défaut du calendrier, optionnelle. | Date | Tout ce qui est accepté par `new Date()` | — |
|
||||
| default-time | Horaire par défaut quand on sélectionne une plage dates, optionnel. | string[] | Tableau de taille 2, chaque valeur est au format `12:00:00`. La première pour la date de début, la deuxième pour la date de fin. | — |
|
||||
| default-time | optional, the time value to use when selecting date range | Date[] | Array with length 2, each item is a Date. The first item for the start date and then second item for the end date | — |
|
||||
| name | Identique au `name` de l'input natif | string | — | — |
|
||||
| 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 |
|
||||
|
||||
@ -35,7 +35,7 @@ DateTimePicker est dérivé de DatePicker et TimePicker. Pour plus d'information
|
||||
v-model="value3"
|
||||
type="datetime"
|
||||
placeholder="Selectionnez date et horaire"
|
||||
default-time="12:00:00">
|
||||
:default-time="defaultTime">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</template>
|
||||
@ -64,7 +64,8 @@ DateTimePicker est dérivé de DatePicker et TimePicker. Pour plus d'information
|
||||
}],
|
||||
value1: '',
|
||||
value2: '',
|
||||
value3: ''
|
||||
value3: '',
|
||||
defaultTime: new Date(2000, 1, 1, 12, 0, 0) // '12:00:00'
|
||||
};
|
||||
}
|
||||
};
|
||||
@ -142,7 +143,7 @@ DateTimePicker est dérivé de DatePicker et TimePicker. Pour plus d'information
|
||||
|
||||
### Horaire par défaut pour les plages de dates
|
||||
|
||||
:::demo Lorsque vous sélectionnez une plage de dates dans le panneau de date avec le type `datetimerange`, `00:00:00` sera utilisé comme horaire par défaut pour les dates de début et de fin. Vous pouvez contrôler cette valeur avec l'attribut `default-time`. Il accepte un tableau de une ou deux chaînes de caractères. La première indique l'horaire de la date de début, la deuxième celui de la date de fin.
|
||||
:::demo When picking date range on the date panel with type `datetimerange`, `00:00:00` will be used as the default time value for start and end date. We can control it with the `default-time` attribute. `default-time` accepts an array of up to two Date objects. The first item controls time value of the start date and the second item controls time value of the end date.
|
||||
```html
|
||||
<template>
|
||||
<div class="block">
|
||||
@ -207,7 +208,7 @@ DateTimePicker est dérivé de DatePicker et TimePicker. Pour plus d'information
|
||||
| popper-class | Nom de classe pour le menu déroulant du DateTimePicker. | string | — | — |
|
||||
| range-separator | Séparateur de plage. | string | - | '-' |
|
||||
| default-value | Date par défaut du calendrier, optionnelle. | Date | N'importe quelle valeur acceptée par `new Date()` | — |
|
||||
| default-time | L'horaire par défaut après avoir choisi une date. | normal: string / plage de dates: string[] | normal: un string tel que `12:00:00`, range: tableau de deux strings, le premier pour la date de début, le deuxième pour la date de fin. Si non spécifié, `00:00:00` est utilisé. | — |
|
||||
| default-time | the default time value after picking a date | non-range: Date / range: Date[] | non-range: a Date object, range: array of two Date objects, and the first item is for the start date and second for the end date. Time `00:00:00` will be used if not specified | — |
|
||||
| name | Identique au `name` de l'input natif | string | — | — |
|
||||
| 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 |
|
||||
|
||||
@ -349,7 +349,7 @@ Check the list [here](https://day.js.org/docs/en/display/format#list-of-all-avai
|
||||
|
||||
日付範囲を選択する際に、開始日と終了日に時間部分を割り当てることができます。
|
||||
|
||||
:::demo デフォルトでは、開始日と終了日の時刻部分はともに `00:00:00` である。`default-time` を設定することで、それぞれの時刻を変更することができる。12:00:00` の形式で最大2つの文字列の配列を受け付ける。最初の文字列には開始日の時刻を、2番目の文字列には終了日の時刻を設定する。
|
||||
:::demo By default, the time part of start date and end date are both `00:00:00`. Setting `default-time` can change their time respectively. It accepts an array of up to two Date objects. The first string sets the time for the start date, and the second for the end date.
|
||||
```html
|
||||
<template>
|
||||
<div class="block">
|
||||
@ -398,7 +398,7 @@ Check the list [here](https://day.js.org/docs/en/display/format#list-of-all-avai
|
||||
| popper-class | date-pickerのドロップダウン用カスタムクラス名 | string | — | — |
|
||||
| range-separator | 範囲セパレータ | string | — | '-' |
|
||||
| default-value | オプション、カレンダーのデフォルトの日付 | Date | anything accepted by `new Date()` | — |
|
||||
| default-time | オプション、日付範囲を選択する際に使用する時間値 | string[] | Array with length 2, each item is a string like `12:00:00`. The first item for the start date and then second item for the end date | — |
|
||||
| default-time | optional, the time value to use when selecting date range | Date[] | Array with length 2, each item is a Date. The first item for the start date and then second item for the end date | — |
|
||||
| name | ネイティブ入力の `name` と同じ | string | — | — |
|
||||
| unlink-panels | 範囲ピッカーで2つのデータパネルのリンクを解除する | boolean | — | false |
|
||||
| prefix-icon | カスタムプレフィックスアイコン | string | — | el-icon-date |
|
||||
|
||||
@ -35,7 +35,7 @@ DateTimePickerはDatePickerとTimePickerから派生したものです。属性
|
||||
v-model="value3"
|
||||
type="datetime"
|
||||
placeholder="Select date and time"
|
||||
default-time="12:00:00">
|
||||
:default-time="defaultTime">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</template>
|
||||
@ -64,7 +64,8 @@ DateTimePickerはDatePickerとTimePickerから派生したものです。属性
|
||||
}],
|
||||
value1: '',
|
||||
value2: '',
|
||||
value3: ''
|
||||
value3: '',
|
||||
defaultTime: new Date(2000, 1, 1, 12, 0, 0) // '12:00:00'
|
||||
};
|
||||
}
|
||||
};
|
||||
@ -142,7 +143,7 @@ DateTimePickerはDatePickerとTimePickerから派生したものです。属性
|
||||
|
||||
### 開始日と終了日のデフォルトの時間値
|
||||
|
||||
:::demo 日付パネルで `datetimerange` 型の日付範囲を選択した場合、開始日と終了日のデフォルト値として `00:00:00` が用いられる。これは `default-time` 属性で制御することができる。`default-time`は最大2つの文字列の配列を受け付ける。1つ目の項目は開始日の時刻を制御し、2つ目の項目は終了日の時刻を制御する。
|
||||
:::demo When picking date range on the date panel with type `datetimerange`, `00:00:00` will be used as the default time value for start and end date. We can control it with the `default-time` attribute. `default-time` accepts an array of up to two Date objects. The first item controls time value of the start date and the second item controls time value of the end date.
|
||||
```html
|
||||
<template>
|
||||
<div class="block">
|
||||
@ -207,7 +208,7 @@ DateTimePickerはDatePickerとTimePickerから派生したものです。属性
|
||||
| popper-class | DateTimePickerのドロップダウンのカスタムクラス名 | string | — | — |
|
||||
| range-separator | レンジセパレータ | string | - | '-' |
|
||||
| default-value | オプション、カレンダーのデフォルトの日付 | Date | anything accepted by `new Date()` | — |
|
||||
| default-time | 日付を選択した後のデフォルトの時刻の値 | non-range: string / range: string[] | non-range: a string like `12:00:00`, range: array of two strings, and the first item is for the start date and second for the end date. `00:00:00` will be used if not specified | — |
|
||||
| default-time | the default time value after picking a date | non-range: Date / range: Date[] | non-range: a Date object, range: array of two Date objects, and the first item is for the start date and second for the end date. Time `00:00:00` will be used if not specified | — |
|
||||
| name | ネイティブインプットの `name` と同じ | string | — | — |
|
||||
| unlink-panels | レンジピッカーで2つのデータパネルのリンクを解除する | boolean | — | false |
|
||||
| prefix-icon | カスタムプレフィックスアイコンクラス | string | — | el-icon-date |
|
||||
|
||||
@ -351,7 +351,7 @@ If type is `daterange`, `default-value` sets the left side calendar.
|
||||
|
||||
在选择日期范围时，指定起始日期和结束日期的默认时刻。
|
||||
|
||||
:::demo 选择日期范围时，默认情况下，起始日期和结束日期的时间部分均为当天的 0 点 0 分 0 秒。通过`default-time`可以分别指定二者的具体时刻。`default-time`接受一个数组，其中的值为形如`12:00:00`的字符串，第一个值控制起始日期的时刻，第二个值控制结束日期的时刻。
|
||||
:::demo 选择日期范围时，默认情况下，起始日期和结束日期的时间部分均为当天的 0 点 0 分 0 秒。通过`default-time`可以分别指定二者的具体时刻。`default-time`接受一个数组，第一个值控制起始日期的时刻，第二个值控制结束日期的时刻。
|
||||
```html
|
||||
<template>
|
||||
<div class="block">
|
||||
@ -400,7 +400,7 @@ If type is `daterange`, `default-value` sets the left side calendar.
|
||||
| popper-class | DatePicker 下拉框的类名 | string | — | — |
|
||||
| range-separator | 选择范围时的分隔符 | string | — | '-' |
|
||||
| default-value | 可选，选择器打开时默认显示的时间 | Date | 可被`new Date()`解析 | — |
|
||||
| default-time | 范围选择时选中日期所使用的当日内具体时刻 | string[] | 数组，长度为 2，每项值为字符串，形如`12:00:00`，第一项指定开始日期的时刻，第二项指定结束日期的时刻，不指定会使用时刻 `00:00:00` | — |
|
||||
| default-time | 范围选择时选中日期所使用的当日内具体时刻 | Date[] | 数组，长度为 2，第一项指定开始日期的时刻，第二项指定结束日期的时刻，不指定会使用时刻 `00:00:00` | — |
|
||||
| name | 原生属性 | string | — | — |
|
||||
| unlink-panels | 在范围选择器里取消两个日期面板之间的联动 | boolean | — | false |
|
||||
| prefix-icon | 自定义头部图标的类名 | string | — | el-icon-date |
|
||||
|
||||
@ -35,7 +35,7 @@ DateTimePicker 由 DatePicker 和 TimePicker 派生，相关属性可以参照 D
|
||||
v-model="value3"
|
||||
type="datetime"
|
||||
placeholder="选择日期时间"
|
||||
default-time="12:00:00">
|
||||
:default-time="defaultTime">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</template>
|
||||
@ -64,7 +64,8 @@ DateTimePicker 由 DatePicker 和 TimePicker 派生，相关属性可以参照 D
|
||||
}],
|
||||
value1: '',
|
||||
value2: '',
|
||||
value3: ''
|
||||
value3: '',
|
||||
defaultTime: new Date(2000, 1, 1, 12, 0, 0) // '12:00:00'
|
||||
};
|
||||
}
|
||||
};
|
||||
@ -141,7 +142,7 @@ DateTimePicker 由 DatePicker 和 TimePicker 派生，相关属性可以参照 D
|
||||
|
||||
### 默认的起始与结束时刻
|
||||
|
||||
:::demo 使用`datetimerange`进行范围选择时，在日期选择面板中选定起始与结束的日期，默认会使用该日期的`00:00:00`作为起始与结束的时刻；通过选项`default-time`可以控制选中起始与结束日期时所使用的具体时刻。`default-time`接受一个数组，数组每项值为字符串，形如`12:00:00`，其中第一项控制起始日期的具体时刻，第二项控制结束日期的具体时刻。
|
||||
:::demo 使用`datetimerange`进行范围选择时，在日期选择面板中选定起始与结束的日期，默认会使用该日期的`00:00:00`作为起始与结束的时刻；通过选项`default-time`可以控制选中起始与结束日期时所使用的具体时刻。`default-time`接受一个数组，其中第一项控制起始日期的具体时刻，第二项控制结束日期的具体时刻。
|
||||
```html
|
||||
<template>
|
||||
<div class="block">
|
||||
@ -206,7 +207,7 @@ DateTimePicker 由 DatePicker 和 TimePicker 派生，相关属性可以参照 D
|
||||
| popper-class | DateTimePicker 下拉框的类名 | string | — | — |
|
||||
| range-separator | 选择范围时的分隔符 | string | - | '-' |
|
||||
| default-value | 可选，选择器打开时默认显示的时间 | Date | 可被`new Date()`解析 | — |
|
||||
| default-time | 选中日期后的默认具体时刻 | 非范围选择时：string / 范围选择时：string[] | 非范围选择时：形如`12:00:00`的字符串；范围选择时：数组，长度为 2，每项值为字符串，形如`12:00:00`，第一项指定开始日期的时刻，第二项指定结束日期的时刻。不指定会使用时刻 `00:00:00` | — |
|
||||
| default-time | 选中日期后的默认具体时刻 | Date / 范围选择时：Date[] | 非范围选择时：Date 对象；范围选择时：数组，长度为 2，每项值为 Date 对象，第一项指定开始日期的时刻，第二项指定结束日期的时刻。不指定会使用时刻 `00:00:00` | — |
|
||||
| name | 原生属性 | string | — | — |
|
||||
| unlink-panels | 在范围选择器里取消两个日期面板之间的联动 | boolean | — | false |
|
||||
| prefix-icon | 自定义头部图标的类名 | string | — | el-icon-date |
|
||||
|
||||
Loading…
Reference in New Issue
Block a user