Kendo UI的一些知識點

1.下拉框

效果：

HTML部分：

<input id="dw"/>

JS部分：

//金額單位
var dw = [
    { text: "", value: "" },
    { text: "人民幣", value: "元人民幣" },
    { text: "美元", value: "美元" },
    { text: "歐元", value: "歐元" },
    { text: "英鎊", value: "英鎊" }
];
$("#dw").kendoDropDownList({
    dataTextField: "text",
    dataValueField: "value",
    dataSource: dw,
    index: 1
});

2.時間插件只顯示年份

效果：

HTML部分：

<input type="text" id="ssnd" class="date-picker" data-format="yyyy" data-bind="value:dataKendo.SSND"/>

JS部分：

$("#ssnd").kendoDatePicker({
    start:"decade",
    depth: "decade",
    format: "yyyy"
});

解讀：

depth：導航深度（最低級別）

可選以下值：

1."month"：顯示本月所有日期

2."year"：顯示本年所有月份

3."decade"：顯示這個區間的十個年頭

4."century"：顯示本世紀的每個十年區間

start：默認初始視圖

可選值有"month"、 "year"、 "decade"、 "century"四種視圖

format：格式化

格式化日曆使用value()方法返回的值