Контрол выбора даты
Этот дейтпикер устарел, новый смотрите тут: http://www.samborsky.com/javascript/jquery/233/
Многие знают что из себя представляет контрол для выбора даты (он же DatePicker), кто не в курсе — это Javascript-код который выводит календарь, в котором можно выбрать дату. В общем чтобы ленивые юзеры не писали ее руками.
Дейтпикеров множество, по запросу «datepicker javascript» гугл выдает 350к страниц. Есть бесплатные, платные, хорошие и убогие. Просмотрев десяток понял что простого, бесплатного и не тяжеловесного не существует, потому придется написать самому делать мне больше нечего, или переписать чужой под свои нужды.
Взял я за основу простенький дейтпикер от www.nsftools.com
Было => Стало
Что изменил:
- Дописал перелистывание календаря на год назад и вперед
- Создал отдельные css и js файлы (кому охота в хеад кучу кода подключать)
- Сделал более-менее приличный дизайн
- Сделал перевод на русский язык названий дней недели + месяцев
Работает точно на:
- Safari 3.1.2
- Firefox 3.0.2
- Opera 9.52
- Internet Explorer 6
Как установить себе?
М-ду тегами <head></head> вставьте подключение js и css файлов (пропишите пути сами)
<script src="datepicker.js" type="text/javascript" charset="UTF-8" language="javascript"></script>
<link rel="stylesheet" type="text/css" href="datepicker.css" />
В код:
<form>
<input name="YetAnotherDate">
<input type="button" style="background: url('datepicker.jpg') no-repeat; width: 30px; border: 0px;" onclick="displayDatePicker('YetAnotherDate', false, 'dmy', '.');">
</form>
Где посмотреть пример «вживую»?
- http://samborsky.com/sources/datepicker/
- http://rybalka.tv/profile/edit/ (Просмотр доступен только зарегистрированым пользователям. Для этого сайта дейтпикер и делал, см. поле Дата Рождения)
Сорцы:
Datepicker
Этот дейтпикер устарел, новый смотрите тут: http://www.samborsky.com/javascript/jquery/233/
оставляйте плиз комментариях, работает ли у вас
дейтпикер
http://samborsky.com/sources/datepicker/
и версию браузера
Opera 9.62 – работает отлично
Спасибо большое за компонент.
В FireFox 3.0.4 работает на «УРА».
Спасибо за переработку скрипта – самому лень было бы переделывать
)
В FF 3.0.0 работает.
Единственное что хотелось бы добавить – было бы неплохо если бы неделя все таки начиналась с понедельника
Всё прикольно. Спасибо за труд.
Но кое что было бы неплохо доработать.
Сделать так чтобы пикер закрывался по щелчку в любую часть страницы, выбор года из селектора с большим диапозоном(полезно когда дату рождения выбираешь) в принципе и месяц тоже, постоянная ширина и длина независимо от того какой месяц выбран а то неприкольно когда он прыгает.
Этот дейтпикер устарел, новый смотрите тут: http://www.samborsky.com/javascript/jquery/233/
Гут! Просто и без лишних наворотов.