根据下拉列表选择隐藏 Kendo 日期选择器

Question

我有一个 Kendo 下拉列表和一个日期选择器，当下拉选择为“未开始”时，我希望日期选择器元素不可见

<div id="view">
  <label for="dateinput">Completed Date</label>
  <input id="completedatepicker" value="" title="monthpicker" />
</div>


<div>
  <label for="dropdown">Status</label>
  <input id="dropdown" />
</div>

<script>
  $(document).ready(function() {
    // create DatePicker from input HTML element
    $("#duedatepicker").kendoDatePicker();

    $("#completedatepicker").kendoDatePicker();

    $('#dropdown').kendoDropDownList({
      dataSource: ['Not Started', 'Completed', 'In Progress']
    });

  });
</script>

Answer 1

您最初可以隐藏 DatePicker 容器，添加 change event 处理程序并切换容器的可见性 - example