Kenod UI Scheduler - Как ограничить диапазон дат с до, если флажок «Событие на весь день» не установлен

Я разрабатываю приложение для управления отпусками, и у меня есть 2 типа отпусков. Отпуск на целый день и отпуск на полдня. Я хочу ограничить средства выбора времени с и до того же дня, если флажок события полного дня не установлен во всплывающем окне по умолчанию, которое появляется во всплывающем окне добавления события.

В настоящее время он показывает разницу в 1 день в средствах выбора даты от и до, когда флажок события полного дня не установлен, и пользователь может выбрать любой день с любым промежутком в средствах выбора даты от и до.

Я пытался это сделать, но потерпел неудачу. Было бы здорово, если бы кто-нибудь помог мне в этом.

Спасибо.


asp.net-mvc kendo-ui kendo-scheduler
person Thanushka    schedule 17.06.2015    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Сначала вам нужно добавить пользовательский редактор шаблонов для всплывающего окна, вот простой

<script id="editor" type="text/x-kendo-template">
   <h3>Edit meeting</h3>
   <p>
       <label>Title: <input name="title" /></label>
   </p>
   <p>
        <label>All day event: <input type="checkbox" name="isAllDay" data-type="boolean"></label>
  </p>
   <p>
       <label>Start: <input id="customDatePicker1"  name="startDate" /></label>
   </p>
   <p>
       <label>End: <input id="customDatePicker2"  name="endDate" /></label>
   </p>
</script>

Затем, чтобы добавить минимальную/максимальную дату, чтобы ограничить дату, которую можно выбрать, просто измените функцию редактирования. Здесь я устанавливаю минимальную дату вчера и максимальную дату завтра, отрегулируйте, как хотите позже

edit: function (e) {
    var $today = new Date();
        var $yesterday = new Date($today);
        $yesterday.setDate($today.getDate() - 1);
    var $tomorrow = new Date($today);
        $tomorrow.setDate($today.getDate() + 1);
        $("#customDatePicker1").kendoDatePicker({
            max: $tomorrow,
        min: $yesterday,
        value: $today
    });

    $("#customDatePicker2").kendoDatePicker({
            max: $tomorrow,
        min: $yesterday,
        value: $today
    });

  },

Вот ссылка на кендо додзё

person himawan_r    schedule 17.06.2015

arrow_upward
0
arrow_downward

Разработка всплывающего окна с использованием шаблона редактора — это переделка, потому что разработчик должен снова создавать все с нуля. Вместо этого есть какое-либо другое решение, которое мы можем использовать с всплывающим окном кендо MVC. некоторое событие изменения.

person Lasitha Ranasinghe    schedule 18.06.2015