jQuery-UI Datepicker: Перемещаемый?
. Страница CSHTML имеет следующее .. @ Html.Raw () является ответом
@model HoldemCore.Models.PersonObjModel
@using (Html.BeginForm())
{
<fieldset>
<div class="editor-label">
@Html.DisplayNameFor(model => model.IAgree)
</div>
<div class="display-field">
<input type="checkbox" id="IAgree" name="IAgree"
@if (Model.IAgree) { @Html.Raw("checked value=\"true\""); }
@if (!Model.IAgree) { @Html.Raw("value=\"false\""); }
onchange="this.value = this.checked;" />
</div>
<div class="editor-label">
@Html.Raw(@Html.DisplayNameFor(model => model.Name))
</div>
<div class="display-field">
@Html.EditorFor(model => model.Name)
</div>
</fieldset>
}
2 ответа
Порядок важен.
$('#myCalendarInput').datepicker();
$('#ui-datepicker-div').draggable();
РЕДАКТИРОВАТЬ : Есть тонкое Разница между ответом @JZ и моим. Используя пример JZ, любой указатель даты на странице будет перетаскиваемым, даже если он встроенный (связанный с DIV вместо элемента ввода). Мой код сделает всплывающие подсказки только перетаскиваемыми. Плагин datepicker создает один DIV (с именем ui-datepicker-div) для всех всплывающих окон и повторно использует его для любого ввода на странице, к которой применен DatePicker. Для встроенных DIV или SPAN он создает новый безымянный указатель даты внутри DIV / SPAN, который имеет класс .ui-datepicker, но не имеет имени. В этом случае мой код не сделает перетаскиваемый указатель даты, возможно, правильным поведением, но JZ будут, поскольку он будет соответствовать основанным на классе.
Пример:
<script type="text/javascript">
$(document).ready(function() {
$('#calendar').datepicker();
$('#calendar2').datepicker();
$('#calendar3').datepicker();
$('#ui-datepicker-div').draggable();
});
</script>
<div>
Calendar: <input id="calendar" type="text" /><br /> <-- draggable
Calendar2: <input id="calendar2" type="text" /><br/> <-- draggable
Fixed calendar: <div id="calendar3"></div> <-- fixed
</div>