码迷,mamicode.com
首页 > 其他好文 > 详细

Kendo 日期控件

时间:2017-04-07 01:11:43      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:value   val   change   text   min   asc   tar   set   script   

技术分享

 

起始日期<input id="start"> 结束日期<input id="end">

 

<input id="datepicker" style="width:150px;" />
<script type="text/javascript">
$(document).ready(function () {
$("#datepicker").kendoDatePicker({ format: "yyyy-MM-dd" });//

});

$(document).ready(function () {
function startChange() {
var startDate = start.value(),
endDate = end.value();

if (startDate) {
startDate = new Date(startDate);
startDate.setDate(startDate.getDate());
end.min(startDate);
} else if (endDate) {
start.max(new Date(endDate));
} else {
endDate = new Date();
start.max(endDate);
end.min(endDate);
}
}

function endChange() {
var endDate = end.value(),
startDate = start.value();

if (endDate) {
endDate = new Date(endDate);
endDate.setDate(endDate.getDate());
start.max(endDate);
} else if (startDate) {
end.min(new Date(startDate));
} else {
endDate = new Date();
start.max(endDate);
end.min(endDate);
}
}

var today = kendo.date.today();

var start = $("#start").kendoDateTimePicker({
value: today,
change: startChange,
parseFormats: ["MM/dd/yyyy"]
}).data("kendoDateTimePicker");

var end = $("#end").kendoDateTimePicker({
value: today,
change: endChange,
parseFormats: ["MM/dd/yyyy"]
}).data("kendoDateTimePicker");

start.max(end.value());
end.min(start.value());
});


</script>

Kendo 日期控件

标签:value   val   change   text   min   asc   tar   set   script   

原文地址:http://www.cnblogs.com/914556495wxkj/p/6675998.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!