Всплывающий календарь на JQuery, который добавляет дату в input
X
Заказать сайт
Заказать сайт

Всплывающий календарь на JQuery, который добавляет дату в input

1223

Сейчас часто нужны всплывающие календари, которые позволяли бы пользователю быстро выбрать дату, например, бронирования в отеле, и чтобы эта дата автоматически копировалась в нужный input для отправки по форме. 

Рабочий скрипт всплывающего календаря:

Для его работы потребуется библиотека JQuery, css и js файлы, которые вы найдете в архиве. Кстати, пример, полностью рабочий.

Для создания календаря для какого-нибудь input - создайте его (задав ему какой-нибудь id, например: calendar). Для вывода такого календаря используйте код: $(function() {    $( "#calendar").datepicker({});  });

photo164Особенность моего календаря в том, что я его:

  1. полностью перевел на русский - названия месяцев, дней недели, кнопок;
  2. исправил формат даты, было: мес/день/год, стало: день.мес.год;
  3. Поменял отсчет дней, начало недели было с воскресенья, стало - с понедельника;
  4. упростил CSS;

Пользуйтесь на здоровье! :)

| | Всплывающий календарь на JQuery, который добавляет дату в input | Сейчас часто нужны всплывающие календари, которые позволяли бы пользователю быстро выбрать дату, например, бронирования в отеле, и чтобы эта дата авто | https://blogprogram.ru/wp-content/uploads/2014/07/1223-131x131.jpg

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>