1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/iceui-iceDate

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

iceDate дата выбора js плагин

Официальный сайт

Описание

IceDate — это минималистичный JavaScript плагин для выбора даты, созданный с использованием чистого JavaScript. Весь плагин представлен одним файлом .js, который не имеет никаких зависимостей и не требует использования jQuery, CSS и других файлов. Это максимально компактное решение, которое обеспечивает элегантный дизайн и быстрое выполнение.

Позволяет выбирать год, месяц, день, час, минуту и секунду, что удовлетворяет потребностям в разработке выбора даты.

Преимущества

  • Чистый JavaScript, без каких-либо зависимостей, чистота и прозрачность
  • Адаптивный дизайн, подходящий для устройств любого разрешения
  • Общий размер кода менее 30 КБ
  • Минималистичный дизайнерский подход, обеспечивающий простоту и скорость

Последнее обновление

iceDate v1.1.3

  • 2020-08-01
  • [Добавлено] обратный вызов функции выбора времени timeFunc
  • 2020-06-28
  • [Исправлено] проблема с параметром 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 )

Вы можете оставить комментарий после Вход в систему

Введение

iceDate — это простой плагин для работы с датами на JavaScript, который разработан исключительно на нативном JavaScript. Весь плагин состоит из одного файла .js, не имеет зависимостей и не требует подключения jQuery, CSS или других файлов. Это делает его крайне лаконичным и компактным, а его минималистичный дизайн — элегантным и изящным. Развернуть Свернуть
MIT
Отмена

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/iceui-iceDate.git
git@api.gitlife.ru:oschina-mirror/iceui-iceDate.git
oschina-mirror
iceui-iceDate
iceui-iceDate
master