内联 kendo 网格中的日期时间选择器不能 select 过去的日期
Datetime picker in inline kendo grid in which cannot select past date
我在 kendo 在线网格中使用 kendo 日期时间选择器。
因为在点击编辑时我无法获得只有日期时间选择器的日期选择器。因为我想禁用过去的日期被禁用。所以他只能 select 当前或将来的日期。
var firstNames = ["Nancy", "Andrew", "Janet", "Margaret", "Steven", "Michael", "Robert", "Laura", "Anne", "Nige"];
var lastNames = [ "Davolio", "Fuller", "Leverling", "Peacock", "Buchanan", "Suyama", "King", "Callahan", "Dodsworth", "White" ];
function createRandomData(count) {
var data = [];
for (var i = 0; i < count; i++) {
var firstName = firstNames[Math.floor(Math.random() * firstNames.length)];
var lastName = lastNames[Math.floor(Math.random() * lastNames.length)];
var date = "2013-10-10T05:02:40.44";
data.push({
Id: i + 1,
FirstName: firstName,
LastName: lastName,
Date: date
});
}
return data;
}
var grid = $("#grid").kendoGrid({
dataSource: {
data : createRandomData(10),
pageSize: 10,
schema : {
model: {
fields: {
Id : { type: 'number' },
FirstName: { type: 'string' },
LastName : { type: 'string' },
Date: { type: 'date' }
}
}
}
},
editable : "inline",
pageable : {
refresh : true,
pageSizes: true
},
columns : [
{ command : "edit", width: 90 },
{ field: "FirstName", width: 90, title: "First Name" },
{ field: "LastName", width: 90, title: "Last Name" },
{
field : "Date",
title : "Date",
format : "{0:dd-MMM-yyyy hh:mm:ss tt}",
parseFormats: ["yyyy-MM-dd'T'HH:mm:ss.zz"]
}
]
}).data("kendoGrid");
<div id="grid"></div>
您应该添加一个日期编辑器,然后将日期选择器的最小值设置为今天。
{
field : "Date",
title : "Date",
format : "{0:dd-MMM-yyyy hh:mm:ss tt}",
parseFormats: ["yyyy-MM-dd'T'HH:mm:ss.zz"],
editor: dateEditor
}
请看相关内容fiddlehttp://jsfiddle.net/Ahq6s/462/
我在 kendo 在线网格中使用 kendo 日期时间选择器。
因为在点击编辑时我无法获得只有日期时间选择器的日期选择器。因为我想禁用过去的日期被禁用。所以他只能 select 当前或将来的日期。
var firstNames = ["Nancy", "Andrew", "Janet", "Margaret", "Steven", "Michael", "Robert", "Laura", "Anne", "Nige"];
var lastNames = [ "Davolio", "Fuller", "Leverling", "Peacock", "Buchanan", "Suyama", "King", "Callahan", "Dodsworth", "White" ];
function createRandomData(count) {
var data = [];
for (var i = 0; i < count; i++) {
var firstName = firstNames[Math.floor(Math.random() * firstNames.length)];
var lastName = lastNames[Math.floor(Math.random() * lastNames.length)];
var date = "2013-10-10T05:02:40.44";
data.push({
Id: i + 1,
FirstName: firstName,
LastName: lastName,
Date: date
});
}
return data;
}
var grid = $("#grid").kendoGrid({
dataSource: {
data : createRandomData(10),
pageSize: 10,
schema : {
model: {
fields: {
Id : { type: 'number' },
FirstName: { type: 'string' },
LastName : { type: 'string' },
Date: { type: 'date' }
}
}
}
},
editable : "inline",
pageable : {
refresh : true,
pageSizes: true
},
columns : [
{ command : "edit", width: 90 },
{ field: "FirstName", width: 90, title: "First Name" },
{ field: "LastName", width: 90, title: "Last Name" },
{
field : "Date",
title : "Date",
format : "{0:dd-MMM-yyyy hh:mm:ss tt}",
parseFormats: ["yyyy-MM-dd'T'HH:mm:ss.zz"]
}
]
}).data("kendoGrid");
<div id="grid"></div>
您应该添加一个日期编辑器,然后将日期选择器的最小值设置为今天。
{
field : "Date",
title : "Date",
format : "{0:dd-MMM-yyyy hh:mm:ss tt}",
parseFormats: ["yyyy-MM-dd'T'HH:mm:ss.zz"],
editor: dateEditor
}
请看相关内容fiddlehttp://jsfiddle.net/Ahq6s/462/