kendo ui 日期选择器

html

<input data-id="validityBeginTime" type="date" name="" style="line-height: normal;" id="validityBeginTime">

js

$('[data-id=validityBeginTime]').kendoDatePicker({
          format: 'yyyy/MM/dd', // 显示的日期格式
          dateInput: true, // 用于屏蔽输入元素
          value: new Date() // 设置时间
          min: , // 显示的最小时间
          max: , // 显示的最大时间
          change: function () {}, // 点击时间时触发
          close: function () {}, // 关闭时触发
          open: function () {}, // 点击组件是触发
     });

如何想要禁止用户手动输入 

 $('#validityBeginTime').attr('disabled', 'disabled');

 注意: 一定要写在js下边  不然会把整个禁用掉

 

如果是弹出框中使用  最好是首页加载时,就初始化出来, 不然 图标会重复渲染

 

设置日期选择器

$('[data-id=validityEndTime]').data('kendoDatePicker').min(this.value()) // 给$('[data-id=validityEndTime]')设置最小时间