插件kendoDatePicker的簡單實用
阿新 • • 發佈:2017-10-23
onchange 時間格式 文字 oda 方法 cti input styles date
關於kendoDatePicker的簡單用法
1:引用插件源
<link href="../js/kendoui/styles/kendo.common.min.css" rel="stylesheet" />
<link href="../js/kendoui/styles/kendo.default.min.css" rel="stylesheet" />
<script src="../js/kendoui/js/kendo.web.min.js"></script>
<script src="../js/kendoui/js/cultures/kendo.culture.zh.min.js"></script><!--轉化中文字體-->
<p>2:創建一個input標簽給其特定的id值</p> <p><input id="startTime" style=" width: 285px;" /></p>
//在其標簽上添加kendoDatePicker方法即可 kendo.culture("zh"); //采用中文 $("#startTime").kendoDatePicker({ change: onChange, //選擇時間改變時的方法 format: "yyyy-M-d" //時間格式為2017-10-18格式 }); function onChange() { var date = this.value(); alert(‘您改變了日期狀態!‘); }
插件kendoDatePicker的簡單實用