2012-02-09 2 views
1

Это простой вопрос.jquery ui datepicker .. могу ли я сделать его статическим?

Я хочу создать встроенный календарь, который не имеет каких-либо выбираемых дат. Я хочу, чтобы дата была выбрана с помощью заданного скрытого поля ввода. Должен ли я использовать плагин datepicker. Это похоже на неправильную вещь, поскольку я не делаю никаких попыток выбора.

У кого-нибудь есть опыт работы с этим. Просто нужно сделать статический календарь.

http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/inlineDatePicker.html

что-то подобное, но без даты или месяца выбираемого.

ответ

4

Да Вы можете использовать его для создания статического календаря (но лучше всего, если вы уже используете некоторые функции jquery ui, поэтому для загрузки не потребуется никаких дополнительных js).

Вы можете использовать два варианта:

  1. инлайн (покажет Datepicker календарь в строке)
$('#datepicker').datepicker({inline: true}); 
  1. отключить (отключит календарь)

$ ('# datepicker'). Datepicker ({disabled: true});

Полный код (рабочий)

<head> 
<script type="text/javascript"> 
$(document).ready(function(){ 
var staticDate = $("#static_date").val(); 
$('#datepicker').datepicker({ 
inline: true, 
disabled: true, 
defaultDate: staticDate 
}); 
}); 
</script> 
</head> 
<body> 
<input type="hidden" id="static_date" value="01/01/2012" /> 
<div id="datepicker"></div> 
</body> 

Вы можете видеть, что DatePicker ограничена в Div не TextField. Первая строка в теле - это место, где вы можете определить статическую дату. Помните также, что используется формат, также установленный в datepicker.

+1

Ссылка на демо на официальном сайте - http://jqueryui.com/demos/datepicker/#inline – shershen

+1

Отключительная часть не работает. Я могу выбрать даты в календаре. Я также должен иметь возможность настроить дату вручную при загрузке страницы. – ionfish

+0

Посмотрите на мой пример кода abowe – darek

0

Учитывая дополнительную загрузку для jqueryui, я бы посоветовал использовать jqueryui и отключить отображение даты на дисплее на странице. Есть лучшие библиотеки php для вывода календарей или даже просто распечатать их самостоятельно, если календарь не слишком сложный.

+0

Я уже загружаю jquery ui для всего проекта, поэтому время загрузки на самом деле не является проблемой – ionfish

+0

Тогда моя точка аннулируется. darek имеет ответ с отличной детализацией о том, как использовать jqueryui для статического календаря. – kontur