При роботі над особистим кабінетом одного проекту виникла необхідність в календарі для форми реєстрації, щоб користувач не мучився з написанням вручну дат а просто ткнув мишкою куди потрібно і забув навіки.
Я не буду робити тут огляд всіх існуючих календарів, а напишу лише про те, що відразу без бубна заробив.
Кому хочеться огляд - нате раз і два і три .
Я зупинився на ось це календарі. У нього є одна особливість яка мені дуже була потрібна - вказівка діапазону років що зручно для різних реєстрацій, наприклад вказівка віку 18+.
Інтегрується він у такий спосіб:
вставляється між <head> і </ head>
<Head> ... <script src = "/ <a href =" http://code.jquery.com/jquery-1.9.1.js "> </ script>"> http: //code.jquery. com / jquery-1.9.1.js "> </ script> </a> <script src =" / <a href = "http://code.jquery.com/ui/1.10.1/jquery-ui. js "> </ script>"> http://code.jquery.com/ui/1.10.1/jquery-ui.js "> </ script> </a> <script> $ (document) .ready ( function () {$ ( '# datepicker'). each (function () {$ ( '# datepicker'). datepicker ({changeYear: true, changeMonth: true, showOn: "button", buttonImage: "/ html / img /calendar.png ", buttonImageOnly: true, buttonText:" Select date ", yearRange: $ (this) .data ( 'year-range'), dateFormat: 'dd.mm.yy'});})}) < / script> ... </ head>Зверніть увагу, діапазон дат задається наступним чином: в input додаємо атрибут year-range зі значенням діапазону (1901: 1998).
<P> <input type = "text" name = "calendar" id = "datepicker" data-year-range = "1901: Додати 1998" /> </ p>
jsfiddle.net/m5fvc22f/16/
jsfiddle.net/m5fvc22f/1/
