Удобный ввод даты в поле на javascript

При создании одного сайта заказчику понадобился скрипт, позволяющий двумя щелчками вставить дату в текстовое поле. После небольших изысканий в сети был найден достаточно легкий (6 кб, без сжатия) javascript. Результат его работы вы видите на картинке.

calendarscriptПри создании одного сайта заказчику понадобился скрипт, позволяющий двумя щелчками вставить дату в текстовое поле. После небольших изысканий в сети был найден достаточно легкий (6 кб, без сжатия) javascript. Результат его работы вы видите на картинке.
При щелчке в текстовом поле выскакивает календарь, который позволяет выбрать дату, после чего эта дата заноситься в текстовое поле.
Метод использования крайне прост. Перед использование подключаем файл.

%MINIFYHTML86e9abdd3f59f006e2eb09324924227f3%

К полю, которое будет работать со скриптом дописываем.

onfocus="this.select();lcs(this)" onclick="event.cancelBubble=true;this.select();lcs(this)"

Наслаждаемся работой!
P.S. багов с различными видами браузеров не замечено.

Скачать скрипт удобного ввода даты в текстовое поле на javascript

Оцените статью
Добавить комментарий

  1. Читатель

    Веселенький календарик.
    Неделя начинается с воскресенья – как в штатах.
    Даты ранее текущей – не выбираются.
    Два поля ввода на одной странице – подглюкивает.

    В обчем, для изучения и написания своего календарика – подходит.

    Ответить
  2. Владимир

    Действительно весёлый календарик. Переработал под себя:
    1) Неделя начинается с понедельника (cd=td.getDay(); заменяем на cd=td.getDay()-1;)
    2) Даты ранее текущей выбираются.

    getObj('v'+parseInt(d)).onmouseover=(dip)?null:cs_over;
    getObj('v'+parseInt(d)).onmouseout=(dip)?null:cs_out;
    getObj('v'+parseInt(d)).onclick=(dip)?null:cs_click;

    меняем на

    getObj('v'+parseInt(d)).onmouseover=cs_over;
    getObj('v'+parseInt(d)).onmouseout=cs_out;
    getObj('v'+parseInt(d)).onclick=cs_click;

    Может ещё что под себя сделаю. У кого будут вопросы – спрашивайте.

    Ответить
  3. Владимир

    @Владимир
    К 1-ому пункту ещё надо добавить
    if(-1===cd){
    cd=6;
    }

    Ответить