Какое-то время назад я уже рассказывал про ввод даты на javascript
Теперь хочу рассказать о замечательном плагине jquery – Datepicker
Плаги прост в использовании и имеет множество свойств и возможностей.
Все, что необходимо есть на оф. странице – http://jqueryui.com/demos/datepicker/
Там же можно выбрать внешний вид вашего календаря и скачать полный пакет (картинки, стили, скрипты, примеры страниц)
Вообщем, и рассказывать нечего – все есть там.
Ниже приведу пример с установкой «нашего» формата и отображения нормальной рабочей недели (где первый день – понедельник). Все остальное по аналогии сможете выбрать сами из списка параметров
Набор опций и параметров – http://jqueryui.com/demos/datepicker/
Код примера:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="/ex/ui.css" />
<script type="text/javascript">
$(function() { $("#datepicker").datepicker({ dateFormat: 'yy-mm-dd', monthNames: ['Январь','Февраль','Март','Апрель','Май','Июнь','Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],firstDay:1,dayNamesMin: ['вс','пн', 'вт', 'ср', 'чт', 'пт', 'суб']}); });
</script>
<div class="demo">
Дата: <input id="datepicker" type="text" />
</div>
Опишите пожалуйста подробнее как вставить подобный вид календаря к себе на сайт. А главное как сделать его не выплывающим. Я не могу разобраться с данным вопросом на оф сайте.
как вставить – в статье работающий пример. этого достаточно, чтобы скрипт заработал
попробуйте прочитать пункт http://jqueryui.com/demos/datepicker/#inline
<script type="text/javascript"> $(function() { $("#datepicker").datepicker(); }); </script> <div class="demo"> Date: <div id="datepicker"></div> </div><!-- End demo --> <div class="demo-description"> <p>Display the datepicker embedded in the page instead of in an overlay. S imply call .datepicker() on a div instead of an input.</p> </div> <!-- End demo-description -->У меня стили не работают( Появляеться только голый скелет(
там еще есть папка с картинками
ее тоже нужно загрузить на сервер. а в файле css правильно указать пути к этим картинкам
при таком вводе:
$(function() { $(«#datepicker»).datepicker(); });
Date:
Display the datepicker embedded in the page instead of in an overlay.
Simply call .datepicker() on a div instead of an input.
У меня выводяться на экран только слова Дата:, и та строчка, которая в теге
при таком вводе
link type=»text/css» href=»css/themename/jquery-ui-1.8.custom.css» rel=»Stylesheet» /
script type=»text/javascript» src=»js/jquery-1.4.2.min.js» /script
<script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js" /script
/head
body
script type="text/javascript" $(function() { $("#datepicker").datepicker(); }); /script
div class="demo" Date: div id="datepicker" /div /div
div class="demo-description"
p Display the datepicker embedded in the page instead of in an overlay.
Simply call .datepicker() on a div instead of an input./p
/div
/body
/html
У меня отображается только слово Дата и та строчка которыя в теге р
«Display the datepicker embedded in the page instead of in an overlay.
Simply call .datepicker() on a div instead of an input.»
—–Как это сделать??
ПОЛУЧИЛОСЬ!!!
я вас поздравляю! заходите еще