Открыть главное меню

Изменения

Календарь (datepicker)

289 байтов добавлено, 18:44, 17 марта 2018
м
Нет описания правки
[[Category:Техактивы]]
* Комплект поставки: calendar.min.js, calendar-material.css или calendar.css
* Исходники: http://yourcmc.ru/git/vitalif-js/calendar
* Лицензия: MIT
(на скриншотах наложены дополнительные стили на кнопку и выпадающие списки)
Чтобы использовать, нужно подключить calendar.js и calendar.css (который, кстати, можно отредактировать по своему вкусу), а потом написать гдеПодключение:<code-то javascript код <tt>Calendar.set('input_id', { input/* опции ID или объект */ })</tt> или <tt>Calendar.set(input_object, { /* опции */ });</ttcode-javascript>.
Если в поле после даты введено время, то при изменении даты кликом из календаря оно не меняется.
}
</code-javascript>
 
<html>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
<link rel="stylesheet" href="//yourcmc.ru/calendar.js/calendar-material.css" type="text/css" />
<script src="//yourcmc.ru/calendar.js/calendar.min.js" type="text/javascript"></script>
 
<input id="x" style="margin: 50px">
<script>
Calendar.set(document.getElementById('x'));
</script>
 
<input id="y" style="margin: 50px">
<script>
Calendar.set(document.getElementById('y'), { selectboxes: true });
</script>
</html>