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()方法返回的值
标签:知识点,century,text,Kendo,value,UI,视图,dw,decade 来源: https://blog.csdn.net/qq_26230421/article/details/86698935