1. 程式人生 > >插件kendoDatePicker的簡單實用

插件kendoDatePicker的簡單實用

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的簡單實用