IceDate — это минималистичный JavaScript плагин для выбора даты, созданный с использованием чистого JavaScript. Весь плагин представлен одним файлом .js, который не имеет никаких зависимостей и не требует использования jQuery, CSS и других файлов. Это максимально компактное решение, которое обеспечивает элегантный дизайн и быстрое выполнение.
Позволяет выбирать год, месяц, день, час, минуту и секунду, что удовлетворяет потребностям в разработке выбора даты.
timeFunc
format
, которая приводила к ошибке undefined
<!-- Вводу требуется указание уникального ID -->
<!-- Стандартное время -->
<input type="text" id="time" placeholder="Г-М-Д Ч:М:С" class="iceDate-icon"/>
<!-- Выбор года, месяца и дня -->
<input type="text" id="ymdTime" placeholder="Выбор года, месяца и дня" class="iceDate-icon"/>
```<!-- Выбор года -->
<input type="text" id="yTime" placeholder="Выбор года" class="iceDate-icon"/>
<!-- Выбор месяца -->
<input type="text" id="mTime" placeholder="Выбор месяца" class="iceDate-icon"/>
<!-- Выбор дня -->
<input type="text" id="dTime" placeholder="Выбор дня" class="iceDate-icon"/>
<!-- Выбор времени -->
<input type="text" id="tTime" placeholder="Выбор времени" class="iceDate-icon"/>
// Стандартное время
ice.date({id:'time'});
// Выбор года, месяца и дня
// Параметр format: y=год m=месяц d=день h=час i=минута s=секунда
ice.date({id:'ymdTime',format:'y-m-d'});
// Выбор года
ice.date({id:'yTime',view:'year'});
// Выбор месяца
ice.date({id:'mTime',view:'month'});
// Выбор дня
ice.date({id:'dTime',view:'day'});
```// Выбор времени
ice.date({id:'tTime',view:'time'});
```#### Параметры конфигурации
```javascript
/**
* В качестве аргументов передаются данные в JSON-формате с указанными ниже параметрами:
* ├ id {id} - ID поля input
* ├ format {string} - Формат времени y=год m=месяц d=день h=час i=минута s=секунда Например: y-m-d будет преобразовано в 2020-04-13
* ├ view {string} - По умолчанию используется данный вид
* ├ func {function} - Коллбэк при подтверждении
* ├ yearFunc {function} - Коллбэк после выбора года
* ├ monthFunc {function} - Коллбэк после выбора месяца
* ├ dayFunc {function} - Коллбэк после выбора дня
* └ timeFunc {function} - Коллбэк после выбора времени
*
* Аргументы коллбэков func, yearFunc, monthFunc, dayFunc имеют следующие параметры:
* ├ elem - текущий объект input
* ├ time - отформатированное время
* ├ date - объект времени
* └ timestamp - отметка времени
*/
```Пример:
```javascript
ice.date({id: 'время', func: function(e) {
alert(e.time);
}});
```Пожалуйста, обратите внимание, что язык исходного текста — китайский, но согласно правилам его следует перевести на русский. Поскольку названия переменных и функций JavaScript не требуют перевода, здесь были переведены только строки. Обратите внимание, что "время" — это прямой перевод 'time'
, но это не стандартный IT-термин. В реальных приложениях может потребоваться использовать более специализированные термины для замены этих описательных слов.``````javascript
ice.date({id: 'time', func: function(e) {
alert(e.time);
}});
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )