У цій статті розглянемо, як до простого полю в формі, прив'язати календар для вибору дати (input type = "text") за допомогою бібліотеки jquery UI.
Тут все просто, підключимо спочатку бібліотеку js і його стилі css
<Link rel = "stylesheet" href = "// code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src = "// code.jquery.com/ui/ 1.11.4 / jquery-ui.js "> </ script>Далі, нам потрібно буде створити текстове поле з унікальним id, для прив'язки (можна і клас).
<P> Дата: <input type = "text" id = "datepicker"> </ p>Тепер викликає невеликий скрипт, для включення вибору дати даного поля.
$ (Function () {$ ( "# datepicker"). Datepicker ();});Після цього, при кліці на цьому полі, буде показуватися форма вибору дати. Але вона доступна лише англійською мовою.
Щоб поставити російську мову, скачайте наступний скрипт і підключіть його. завантажити
Підключити його потрібно буде нижче підключається самого скрипта бібліотеки, потім змініть сам виклик для форми на наступний.
$ (Function () {$ ( "# datepicker"). Datepicker ($. Datepicker.regional [ "ru"]);});
