Pull to refresh

Comments 35

Выглядит неплохо.
Но почему не использовался moment.js? Он из коробки умеет локализацию и в нём есть настройки локали для кучи языков.
А вообще, календарей на js и так полно, а вот календарей с выбором диапазона очень мало. И из всех, что я видел, самый хороший в личном кабинете тинькова. Так что если есть желание развить этот календарик, то реквестирую выбор диапазона дат.
А можно попросить скрин из кабинета? Сам ищу с диапазоном и временем. Благодарю!
Выбор диапазона нужен был в ангуляр-проекте, в итоге я взял этот календарь и написал директиву-обёртку. В принципе, он похож на тиньковский, но для диапазона открываются 2 календаря (а не один, как у тинькова).

P.S. К сожалению, не могу скрин снять, т.к. я не их клиент. Я сам смотрел у друзей.
Тоже ищу как у тинькова, сами используем из двух календарей, не напрягает, но хочется красивого.
Календарь тинькова
image
Я с Moment.js не особо знаком, плюс не хотел добавлять лишние зависимости. А на счет диапазона дат, то в планах это есть, нужно побольше изучить этот вопрос. Спасибо за отзыв.
Имхо, момент стоит того, чтобы включить его в проект. Много готовых и проверенных локалей, много плюшек, облегчающих работу с датами.
Я тоже голосую за подключение momentjs. очень уж удобная штука.
P.S: календарь офигенен. Тащу к нам на сайт.
Он даже в зипованном варианте весит 12.4 KiB. Зачем его тащить в календарь из-за нескольких мелочей?
Я не против этой библиотеки, но зависимость много-много-кратно превышающую саму библиотеку тащить из-за нескольких необходимых функций? С локалями уже, кстати, 45 KiB (если верить оф.сайту).
Zebra Datepicker ужасен.
  • передача объектов Date() в параметры вместо строк
  • менее громоздкая разметка
  • гибкое позиционирование элемента
  • анимация при появлении


Кроме анимации всё это уже давно есть в весьма популярном PickMeUp. Нет анимации потому что у PickMeUp нет предубеждений по поводу того, как он должен выглядеть. То есть нужно было всего лишь стилизовать PickMeUp и всё. Верстки там ещё меньше чем у вас генерируется.
Возможно так и есть, у меня не было цели сделать самый лучший в мире календарь или кого-то удивить. Просто было желание написать свой и я написал.
На айпаде при любом действии он как-то неприятно мерцает.
Нужно будет посмотреть, спасибо за репорт.
Отличный виджет, легкий, красивый.

Документация тоже аккуратная, вы ее могли бы также разместить на гитхабе github.io (инструкция pages.github.com), может быть даже в папке проекта, т.к. может быть вы захотите на свое домене сделать однажды онлайн-казино: ) и удалите доку.
Спасибо за отзыв!

Вначале так и хотел сделать, но что-то не срослось в итоге. Возможно в будущем перенесу на pages.
Чувак, я специально залогиннился, чтобы сказать, что он офигенен.
Сам лид в команде QA, сайты на Drupal. Если бы у нас был такой календарь, я бы получал микрооргазм каждый раз открывая его.
При выборе нескольких дат виджет неадекватно реагирует на редактирование содержимого инпута: не отображает изменения и не дает выбрать введённую дату. Да и при одиночном выборе отредактированная дата не отображается.
Ответил вам ниже, немного промахнулся.
Да, сейчас нет работы с событиями клавиатуры, планирую добавить кое-что. Но тем не менее отслеживать изменения довольно сложно, потому что, к примеру, если формат даты будет «Сегодня dd число, yy год и еще что-нибудь», отследить валидность будет трудновато, если вообще возможно. Я думаю в таких случаях лучше использовать «readonly» атрибут у текстового поля.
По моему скромному мнению, это функционал из категории «must have». Рекомендую взглянуть, как это реализовали создатели других известных решений.
UFO landed and left these words here
На данный момент действительно не работают события клавиатуры. Но вы не правы что я не думаю об этом, просто требуется больше времени, и в будущих версиях планирую это исправить.

В первую очередь я разрабатывал календарь для себя, и мои задачи он решает. Если вам требуется чего-то большего, то вы можете реализовать свой вариант, или сделать форк и улучшить текущий.
выбор с клавиатуры не нужен, человеку без мышки проще вбить дату цифрами в текстовое поле, главное чтобы был очевиден для пользователя требуемый формат даты и чтобы виджет не мешался при клавиатурном вводе
самый правильный и удобный для разработчика datepicker — это rome
Практически все контролы каленадрей рассчитаны либо под пальцы, либо под мышь — т.к. выбрать дату из текущего месяца еще более-менее реально, а вот выбрать год/месяц/дату, год — это надо (для примера):

  1. нажать «вниз»/«вверх» — открыть календарь
  2. курсором добежать до выбора года
  3. нажать «ввод» — открыть список с годами
  4. добежать до нужного года
  5. нажать «ввод» — выбрать год
  6. добежать до выбора месяца
  7. нажать «ввод» — открыть список месяцев
  8. добежать до нужного месяца
  9. нажать «ввод» — выбрать месяц
  10. добежать до нужной даты
  11. нажать «ввод» — выбрать дату

Кто в здравом уме будет это делать?

Только если это реально необходимо, как и доп.разметка.

Это имеет смысл только если это конкретно нужно на данном сайте.
Какой прок от разметки для незрячих в календаре на сайте с фотками природы (ну или на сайте, где кроме календаря ничего не сделано для незрячих)?
Какой смысл ориентироваться на клавиатуру при 99% пользователей с тачем или мышой?

Цель оправдывает средства — писать все максимально универсально и для всех — Вы тогда проект вообще никогда не выпустите.

А критиковать всегда просто ;)
UFO landed and left these words here
а мелкие элементы интерфейса нет

Для этого есть увеличение масштаба, если уж они мелкие.
Нормально будет видно вполне.

Можно реагировать на ввод цифр, к примеру. В идеале, представление даты само должно меняться при вводе в поле ввода.

Да, при вводе полной даты с клавы, контрол должен рефрешнуться. Я так понимаю, что автор просто это еще не успел допилить, ибо делается на раз-два через oninput/onchange и прасинг даты.

Я помню

А я помню Корветы, ДВК и Роботроны. Но, по-моему, это все давно пора забыть, не? :)))
Тачи на маках охерительные (хоть я маки и не люблю), в старик не пробовал, в вов аренить вполне себе получалось.

Голосовой ввод бывает — но опять-же отдельная узкая тема — не мешайте все в одну кучу.
Или Вы часто на сайтах контролы с голосовым вводом встречаете-используете?

Отправьте тому же Лебедеву на Линч

Это когда это Тёма стал мерилом? Не смешите меня. Кроме того что он был первый и матершинник — на этом его сильные стороны заканчиваются.

Предпроектная работа — это половина всего дела. Здесь она практически не проведена.

Человек сделал и постарался побыстрее опубликовать. Я его вполне понимаю.
Да и трэнд это такой, начиная от игрушек, к которым потом выходят многомегобайтные патчи и заканчивая литературой.
Это не сильно страшно — ну чесались у него руки, бывает — допилит в ближайшее время.

Вы-ж Бетезду не ругаете за это? :D
Есть ли возможность после выбора даты вставить выбранное значение куда-нибудь в другой input в виде unix timestamp?
Пока нет, думаю добавить в следующем релизе.
Выглядит приятно! Я тоже плюсую использование moment.js
Когда-то тоже писал универсальный календарь для всех своих проектов :)

При желании двигаться дальше — добавил возможные варианты развития Вашего решения.

Про диапазон и клавиатуру уже писали выше. Вот еще, что мне многократно пригодилось в моих проектах:

1) Возможность указания допустимого периода для выбора даты.
2) Возможность указания дат исключений, не допустимых для выбора (как конкретной даты, например, какого-нибудь праздника, так и в виде дня недели, например — субботы, воскресенья).
3) Возможность указания списка дат, допустимых для выбора (данная фича нужна, если, например, нужно выбрать, кого-то с режимом работы «сутки, через трое» или «последняя пятница месяца»).
А что-нибудь типа такого бывает?

http://i74.fastpic.ru/big/2015/1203/21/9114b76a96fdee3fa796e0c9e2d63721.png

Для профессионального использования, когда надо много дат вводить, чтобы он постоянно был на экране, а не появлялся по клику, чтобы ускорить процесс выбора дат.
искал для проекта простой календарь, наткнулся на ваш, очень понравился. Планируешь сделать возможность выбора не только даты, но и времени?
Рад что вам понравилось!
На самом деле не планировал, возможно в будущем что-нибудь придумаю, но сейчас нет времени на это.
Only those users with full accounts are able to leave comments. Log in, please.