Предлагаю к использованию скрипт ввода даты в выпадающем календаре. Поскольку далеко не все браузеры воспринимают конструкцию <input type="date" атрибуты> необходимость этого скрипта не вызывает сомнений. Календарь позволяет быстро выбирать как дату, так и быстро пролистывать года. Русская и английская версия.
Скачать скрипт ввода даты в выпадающем календаре
Установка скрипта simple-calendar
Качаем и распаковываем. Переносим в корень сайта папку "img", файлы tcal.css, tcal.js. Подключаем tcal.css, tcal.js.
Синтаксис вывода скрипта в вашем html коде:
<input type="text" name="date" class="tcal" value="" />
Оперируя стилями в файле tcal.css мы можем менять внешний вид календаря.
Чтобы календарь выводился на английском языке подключаем скрипт не tcal.js , а скрипт tcal_en.js
Подскажите, как сделать, чтоб работало на странице в одной форме несколько таких полей?
C понедельника же и начинается ...
Подскажите, пожалуйста, начинающему фронтендеру, как на js сделать, чтобы при событии клика по кнопке, очищалось поле с введённой датой в вашем скрипте =)
Мне помогло:
В файле tcal.js в массиве A_TCALCONF
Поменять
'weekdays' : ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс', ],
на
'weekdays' : ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб'],
Поменять
'weekstart' : 0,
на
'weekstart' : 1,
ЗЫ
Не нашел в настройках как отключить выбор устаревших дат.
вообщем изменил в скрипте строку 90
if (d_current.getM onth() != d_date.getMonth () || d_current.value Of() < d_today.valueOf ())
На мобильных устройствах, кстати тоже.
Спасибо, нужная вещь!
css я прописал, но не сам js работает. А то не хочется в корне лишнее плодить.
Спасибо.
ЛУЧШЕ МАССИВ 'weekdays' НЕ ТРОГАТЬ, А НАЙТИ И ИСПРАВИТЬ СТРОЧКУ 'Weekend' ВОТ ТАК:
if (d_current.getD ay() == 6 || d_current.getDa y() == 7)
a_class[a_class.length] = s_pfx + 'Weekend';
Замечательный календарь!