21 января 2009 ~ 37 Комментариев

Выбор даты, диапазона дат

date

Хочу обратить ваше внимание на очень интересный скрипт date-picker'а от filament group. При помощи этого скрипта можно выбирать как дату, так и диапазон дат.

У этого скрипта есть немало преимуществ, благодаря которым на него стоит обратить внимание:

  • Он написан на jQuery :о)
  • Он полностью конфигурируем
  • Имеет поддержку ThemeRoller
  • Использует Date.js для полноценной работы с датами
  • Есть очень полезная функция для вставки своих дат и отрезков
Lord of the Flies movie full

 

Для того чтобы скрипт заработал нам нужно подключить все библиотеки и добавить одну строчку:

$('input').daterangepicker(); 

Теперь поговорим о функции вставки тех самых «своих дат», для этого необходимо добавить следующую конструкцию: возбудители заболеваний

$('input').daterangepicker( {
  presetRanges: [
    {text: 'Своя дата', dateStart: '03/07/08', dateEnd: 'Today' }
  ]
 } );

Эта конструкция добавит кнопку для вставки диапазона дат с 03/07/08 по сегодняшний день.

Демонстрацию работы скрипта вы можете посмотреть перейдя по ссылке ниже.

Пример работы скрипта

Страничка date-picker

37 Комментариев для “Выбор даты, диапазона дат”

  1. Zeboton 21 января 2009 at 17:37 Permalink

    Ужасный скрипт! Да ещё и тормозной. Я уже давно использую The “Coolest” DHTML Calendar и с ним date-picker сравниться ну никак не сможет. В The “Coolest” DHTML Calendar тоже настраивается всё и вся.
    Это моё личное мнение.

  2. Артём Курапов 21 января 2009 at 17:51 Permalink

    Кажется чуть монстроидальным, я использую модифицированный jquery.ui.datepicker со своим скином, а для диапазона дат – просто два поля такого типа + maskedinput для ручного ввода. Правда там проблема с вводом времени в то же поле (календарик настойчиво перезаписывает значение введённого времени).

  3. Дмитрий 21 января 2009 at 19:12 Permalink

    Супер! Оч понра! Спасибо. Заюзаю, когда необходимость появится…

  4. Vanilla Man 21 января 2009 at 20:03 Permalink

    Довольно приятный скрипт. Кстати очень интересная реализация идентификации пользователя у вас на блоге. Но к примеру, я не помню какой e-mail указал при последнем комментировании, и если хочу его изменить мне нужно только чистить куки, чтобы «вылогиниться».
    Но реализация мне очень нравиться. Опишите подробней или вы уже, а я пропустил? Заранее спасибо.

  5. Vanilla Man 21 января 2009 at 20:18 Permalink

    Про реализацию уже нашел у вас на сайте. Странно, что не замечал раньше.

  6. Anton Shevchuk 21 января 2009 at 21:30 Permalink

    Мне кажется слишком громоздкий, да и автору скрипта наду бы руки отрывать за подобную интеграцию date.js

  7. Я собственной персоной 21 января 2009 at 21:58 Permalink

    Про реализацию уже нашел у вас на сайте. Странно, что не замечал раньше.

    Старая просто статья :о)

    Пользуйтесь на здоровье.

  8. Николай Громов (nicothin) 22 января 2009 at 7:35 Permalink

    понимаю, что большинство читателей – в теме, но писать «Он написан на jQuery» – всеравно бы не стал :)

  9. Slaver 24 января 2009 at 4:40 Permalink

    Тихий ужас :)

  10. Аудио Фан 25 января 2009 at 19:14 Permalink

    можно было и покомпактней сделать

  11. BassEast 25 января 2009 at 19:27 Permalink

    тяжеловато однако =)
    но все красиво..

  12. Бедный покупатель 27 января 2009 at 2:22 Permalink

    согласен с большинством: слишком велик.

  13. Павел 28 января 2009 at 0:00 Permalink

    Здоровский календарь! спс за статью

  14. CharnaD 28 января 2009 at 4:49 Permalink

    Интересный скрипт, но мне он показался довольно тяжелым. Да и подгрузка после открытия меню его не красит.

  15. Я собственной персоной 28 января 2009 at 20:34 Permalink

    Вот еще две ссылочки для любопытных:

    http://www.eyecon.ro/datepicker/

    И неплохая подборка от ворка

    http://woork.blogspot.com/2009/01/beautiful-datepickers-and-calendars-for.html

  16. Грошик 2 февраля 2009 at 19:37 Permalink

    посмотрел подборку, действительно неплохая.

  17. Баблик 6 февраля 2009 at 0:48 Permalink

    подборка хороша нет слов, спасибо.

  18. Лявон Беларус 8 февраля 2009 at 20:18 Permalink

    не буду оригинален но подборка лучше чем скрипт

  19. Unimonster 12 февраля 2009 at 0:53 Permalink

    подборка действительно не плохая, хорошей не назовешь но и плохой тоже

  20. Koopix 15 февраля 2009 at 1:25 Permalink

    хорошая подборка но пора бы и новое что написать

  21. Riska 15 февраля 2009 at 23:23 Permalink

    Скрип очень хороший, спасибо!

  22. Бильтерьер 16 февраля 2009 at 23:53 Permalink

    спс за скрипт, спс за подборку. давай еще что столь же интересное.

  23. Диана 17 февраля 2009 at 1:06 Permalink

    Про реализацию уже нашел у вас на сайте. Странно, что не замечал раньше.

  24. Бизнесмен 15 марта 2009 at 20:39 Permalink

    мне не понравился. очень тежелый

  25. QWERTy 28 марта 2009 at 13:49 Permalink

    да скрипт громадный,но очень красиво ))

  26. Just 29 марта 2009 at 21:01 Permalink

    Куда пропали-то? Разочаровываете…

  27. vykser 2 апреля 2009 at 2:41 Permalink

    Где вы? Ждем новых статей.

  28. mba 21 апреля 2009 at 23:03 Permalink

    Спасибо за скрипт, хоть он и не очень)
    Когда будет что-нибудь новенькое?

  29. блуд 30 апреля 2009 at 19:16 Permalink

    Спасибо, будем пробовать

  30. олег 3 мая 2009 at 5:13 Permalink

    JS это интересно. Спасибо, будем тестировать.

  31. Олег 13 мая 2009 at 23:54 Permalink

    Красивый календарик, но тяжеловат…

  32. Олег 14 мая 2009 at 22:51 Permalink

    Мда..какой то он больше. Размерчик то поменьше можно было!

  33. Justice 23 мая 2009 at 12:08 Permalink

    Безобразие! Автор забросил блог?

  34. Bender 27 мая 2009 at 1:44 Permalink

    По моему скрипт слишком неудобный, предпочитаю пользоваться date pick’ером отсюда _http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePicker.html

  35. Matvey 30 сентября 2009 at 22:59 Permalink

    да календарик сделан отлично!

  36. Viva 5 октября 2009 at 13:30 Permalink

    Мило. И работает так ничего себе. Только не вижу особого смысла в применении.

  37. Aksinya 18 октября 2009 at 16:36 Permalink

    Я бы еще кое-чего добавил конечно же, но по сути сказано практически все.


Оставить комментарий