Question

我正在开发一个休假管理应用程序，我有两种类型的叶子。全天休假和半天假。如果未在添加事件弹出窗口中显示的默认弹出窗口中单击全天事件复选框，我想将起始时间和截止时间限制在同一天。

目前，当未点击全天活动复选框时，它会显示从当日采摘者中获得1天的差异，并且用户可以选择任何日期与当前采摘者之间存在任何差距。

我试过这样做但却失败了。如果有人可以帮我这样做，那将会感激不尽。

感谢。

Answer 1

首先，您需要为弹出窗口添加自定义模板编辑器，这是一个简单的

<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
    });

  },

以下是kendo dojo

的链接

Answer 2

使用编辑器模板开发弹出窗口是rework coz开发人员必须再次从头开始设计所有内容。而不是这是我们可以使用剑道MVC弹出窗口的任何其他解决方案。一些改变事件。

Kenod UI计划程序 - 如何在未选中全天事件复选框时限制从到目前为止的范围

2 个答案: