Разработка сайта для Вашего бизнеса. Веб дизайн. Дизайн логотипа, фирменного стиля, рекламная фотография . Комплексный рекламный креатив.

Ralex. We do the work.
На рынке с 1999го года. Средняя ценовая категория. Ориентация на эффективность решений.
Ознакомтесь с нашим портфолио
Узнайте больше о услугах
Свяжитесь с нами:
E-mail: [email protected]
Tel: (044) 587 - 84 - 78
Custom web design & дизайн и разработка сайта "под ключ"
Креативный, эффективный дизайн. Система управления сайтом (СУС).
Custom flexible разработка систем электронной коммерции
Система e-commerce разрабатывается под индивидуальные потребности. Гибкая функциональность.
Search Engine Optimzation & оптимизация под поисковые системы (SEO)
Постоянная оптимизация и мониторинг сайта в поисковых системах. Достигаем результата быстро и эффективно
Custom logo design & дизайн логотипа и фирменного стиля
Многолетний опыт. Огромное портфолио. Уникальное предложение и цена.
профессиональная рекламная фотография
креативно, смело, качественно
Custom logo design & рекламный креатив. дизайн рекламы
Многолетний опыт. Огромное портфолио. Уникальное предложение и цена.

Найзручніший DateTimePicker

  1. Чому він краще, ніж стандартний jQuery UI віджет?
  2. підключаємо

Якось я описував роботу з jQueryUI datetimepicker . Прийнятним цей плагін назвати було складно, тому як він тягнув з собою весь jQueryUI , І ще 10-ок файлів. За функціональністю він теж вельми скупий. Нічого більш вартісного, і тоді і зараз знайти не вдалося. Тому написав свій плагін з преферанс і поетесами.

Результатом праць став чудовий на мій погляд плагін на jQuery DateTimePicker

Чому він краще, ніж стандартний jQuery UI віджет?

По-перше, тому, що не вимагає крім себе і власне jQuery нічого більш. По друге в стислому вигляді, важить менше 5Кб разом зі стилями. Немає інших додаткових файлів з зображеннями, тільки файл стилів і файл js.

Однак, головною перевагою, я вважаю, наявність що відключається, TimePicker'а. Так DatePicker теж відключаємо і це дуже зручно.

Те, що дає нам інтернет, в цьому сегменті віджетів, жахливо. Пікер з 90-х. Таке відчуття, що їх творцям було просто наплювати на зовнішній вигляд свого дітища. Один з найбільш вдалих, це безумовно jscal , Але він настільки складний і монструозен, що просто прикрутити його до тестовій сторінці мені не вдалося. Так обсяг коду, йому супутній залишає бажати кращого.

У інших гірше. Суцільні недоліки. Те немає попередніх і якихось опцій, то і зовсім немає ніяких налаштувань. Все вшиті. Як то кажуть, використовуйте як є, або не використовуйте.

Я постарався врахувати свій досвід, в роботі з датою і часом. Також врахував, що формати часу можуть відрізнятися для різних країн.

Те, що у мене вийшло дивіться нижче.

підключаємо

<Link rel = "stylesheet" type = "text / css" href = "js / jquery.datetimepicker.css" /> <script src = "js / jquery.js"> </ script> <script src = "js / jquery.datetimepicker.js "> </ script>

використовуємо

Почнемо з демо, без опцій

<Input type = "text" id = "datetimepicker" /> <script> $ ( '# datetimepicker'). Datetimepicker (); </ Script>

результат

Але, що якщо у Вашій країні свій формат часу і мову. Плагін підтримує інтернаціаналізаціі, і містить 3 мови: англійська, російська та німецька варіант. Формат же, задається точно так же, як і в php.

Зробимо плагін на німецькій мові. Залишимо тільки datepicker, і поміняємо формат дати. (Приклад з мовою просто демонструє можливості інтернаціоналізації, так як плагін вже містить німецьку мову, і досить було б використовувати лише lang: 'de')

$ ( '# Datetimepicker1'). Datetimepicker ({lang: 'de', i18n: {de: {months: [ 'Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember',], dayOfWeek: [ "So.", "Mo", "Di", "Mi", "Do", "Fr", "Sa.",],}}, timepicker: false, format: 'dmY',});

результат

Не всім потрібен DatePicker. Що якщо ми вибираємо тільки час. немає нічого простішого, відключаємо DatePicker

$ ( '# Datetimepicker2'). Datetimepicker ({datepicker: false, format: 'H: i',});

результат

Ну і ще один приклад, коли DateTimePicker замінює вихідний input

$ ( '# Datetimepicker3'). Datetimepicker ({format: 'dmY H: i', inline: true, lang: 'ru',});

результат

Припустимо, що ми знайшли потрібний нам рейс в певний день. рейс йде кілька разів на день, але не через рівні інтервали часу. У цьому нам допоможе опція allowTimes

$ ( '# Datetimepicker4'). Datetimepicker ({datepicker: false, inline: true, allowTimes: [ '9:00', '12:00', '15:00', '19:00', '21:00 '],});

результат

Перераховувати всі можливості плагіна дуже довго, тому наведу таку таблицю.

Повний список опцій

Назва default Призначення Приклад використання value null Задає поточне значення datetimepicker. Якщо воно задано, то input.value ігнорується {value: 12.03.2013, format: 'dmY',} lang en Мова на якому відображаються дні тижня і місяці. В плагін вбудовані 3 мови: англійська - en, німецький - de і російська - ru {lang: 'ru'} format Y / m / d H: i Основний формат часу. Використовуючи цей параметр, плагін переводить дату зазначену в value в свій формат, з яким в подальшому оперує. Формат, ідентичний тому, який використовує php в функції date. Повний список можна подивитися в документації

{Format: 'H'} // відображаємо тільки годинник {format: 'Y'} // рік formatDate Y / m / d Це службовий формат дати. Використовується для того, щоб плагін вірно інтерпретував значення опцій minDate і maxDate, про які буде написано нижче {formatDate: 'dmY'} formatTime H: i Аналогічно formatDate. Використовується для того, щоб плагін вірно інтерпретував значення опцій minTime і maxTime, про які буде написано нижче {formatTime: 'H'} // тільки годину step 60 В TimePicker'е список варіантів вибору часу виводиться з певним інтервалом у хвилинах. За замовчуванням - це 1 годину (60 хвилин). {Step: 5} closeOnDateSelect 0

Якщо відображаються і DatePicker і TimePicker то, при виборі дати плагін не закривається. Робить він це, тільки після вибору часу.

Якщо задано true, то плагін буде закритий при виборі дати. Якщо false, то навіть якщо timepicker не відображається, плагін закритий не буде.

{CloseOnDateSelect: true} closeOnWithoutClick true Закривати плагін якщо користувач не вибравши дату, клікнув десь поза плагіна. {CloseOnWithoutClick: false} timepicker true Відображати TimePicker. Може приймати false, тільки якщо datepicker == true

{Timepicker: false}

datepicker true Відображати DatePicker. Може приймати false, тільки якщо timepicker == true {datepicker: false} minDate false Опція, призначена для обмеження нижньої межі вибору дати. Наприклад, ви замовляєте таксі, і Вам необхідно вибрати дату. Очевидно, що дату можна вибирати тільки починаючи з поточного дня. Якщо задати, як 0, то буде використана поточна дата. {MinDate: 0,} // поточна дата {minDate: '2013/12/03'} {minDate: '05 .12.2013 ', formatDate:' dmY '} maxDate false Аналогічно minDate, верхня межа дати. 0 - поточна дата {maxDate: 0,} // поточна дата {maxDate: '2013/12/03'} {maxDate: '05 .12.2013 ', formatDate:' dmY '} minTime false Аналогічно minDate, але для TimePicker'a {minTime: 0,} // поточна дата {minTime: '12: 00 '} {minTime: '13: 45: 34', formatTime: 'H: i: s'} maxTime false Аналогічно maxDate, але для TimePicker'а {maxTime: 0,} // поточна дата {maxTime: '12: 00 '} {maxTime: '13: 45: 34', formatTime: 'H: i: s'} allowTimes [] Опція, яка задає доступне для вибору час. Наприклад, вибір автобусного рейсу може бути тільки в певний час. При цьому значення minTime і maxTime ігноруються. {AllowTimes: ['09: 00 ',' 11:00 ',' 12:00 ',' 21:00 ']} opened false При true плагін буде відкритий відразу після завантаження сторінки inline false При true плагін замінює собою <input> onSelectDate function () {} Викликається при виборі дати в DatePicker'е. Має 3 параметра. Сам плагін, поточний час, з яким плагін працює і посилання на елемент input onSelectDate: function ($ dtp, current, input) {alert (current.dateFormat ( 'd / m / Y'))}, onSelectTime function () {} аналогічно onSelectDate для TimePicker onChangeMonth false Викликається при зміні місяці в DatePicker onChangeTime false при прокручуванні часу onShow false при показі плагіна onClose false Перед закриттям плагіна withoutCopyright false Опція, для відключення поки посилання на сайт плагіна inverseButton false інвертуйте прокрутку hours12 false 12-ти годинний формат часу dayOfWeekStart 0

Початок тижня в DatePicker. За замовчуванням з Воскресіння - 0.

Понеділок - 1

Вівторок - 2

Середовище - 3

...

Субота - 6

Розповісти друзям

Чому він краще, ніж стандартний jQuery UI віджет?
Категории
  • Биология
  • Математика
  • Краеведению
  • Лечебная
  • Наука
  • Физике
  • Природоведение
  • Информатика
  • Новости

  • Новости
    Подготовка к ЕГЭ по математике
    Статьи Опубликовано: 05.10.2017 Подготовка к ЕГЭ по МАТЕМАТИКЕ. 1 часть. Эффективный курс подготовки. Вы находитесь на сайте www.ege-ok.ru - Подготовка к ЕГЭ по математике. Меня зовут Инна Владимировна

    Куда поступить с обществознанием, русским и математикой
    Статьи Опубликовано: 06.10.2017 Сдача ЕГЭ. Куда поступать? Обществознание считается одним из самых популярных предметов, которые выпускники сдают на ЕГЭ. Ввиду высокого рейтинга дисциплины Рособрнадзор

    Сайт Майер Елены - ЕГЭ по математике
    Планируется проведение двух отдельных экзаменов – базового и профильного. Кому сдавать базовый ЕГЭ по математике? Базовый ЕГЭ организуется для выпускников, изучающих математику для общего развития

    ГДЗ решебник по математике 4 класс
    Извините, тут пока ничего нет ((( Решебник по математике 4 класс (Истомина Н.Б.) – не просто возможность быстро выполнить домашнее задание для учащегося, но и способ разобраться в труднорешаемых задачах.

    ГДЗ по математике 1 класс Самсонова самостоятельные работы
    Решебник по математике за 1 класс автора Самсоновой Л.Ю. 2012 года издания. Данное пособие предлагает готовые решения на разнообразные упражнения, направленные на активизацию всего учебного процесса. Здесь

    Для этой работы нужна математика
    Слотов: 956 Рулеток: 7 Лицензия: Pragmatic Play, Microgaming, ELK, Yggdrasil, Habanero, Amatic, Isoftbet, Netent, Rival, Igrosoft, Quickspin. Игры: Автоматы, Покер, Рулетки. Всего 963 Отдача: 98% Бонус

    Веселые задачи по математике 2 класс
    Во время занятий для того, чтобы немного переключить внимание школьников, но при этом не уйти от предмета, можно давать шутливые задачи на сообразительность. Буду пополнять коллекцию таких задач. Дополнительная

    Функция экспонента в Excel
    Одной из самых известных показательных функций в математике является экспонента. Она представляет собой число Эйлера, возведенное в указанную степень. В Экселе существует отдельный оператор, позволяющий

    ЕГЭ по математике 2018
    ЕГЭ по математике, наравне с русским языком , – обязательный экзамен для сдачи выпускниками 11-х классов. По статистике он самый сложный. Мы предлагаем ознакомиться с общей информацией об экзамене и

    Секреты эффективной и быстрой подготовки ко второй части ОГЭ по математике.
    Уважаемые девятиклассники, настоящие или будущие! Часто от вас приходится слышать следующие вопросы. Легко ли подготовиться к заданиям второй части ОГЭ по математике? Сколько для этого понадобится


    Наши клиенты
    Клиенты

    Быстрая связь

    Тел.: (044) 587-84-78
    E-mail: [email protected]

    Имя:
    E-mail:
    Телефон:
    Вопрос\Комментарий: