Reputation: 262
I am using kendo date time picker in kendo in line grid.
In that on click of edit I cannot get date time picker only date picker. in that I want to disable past date are disable. so he can select only current or future date only.
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>
Upvotes: 2
Views: 801
Reputation: 1466
You should add a date editor and then set min to datepicker to today.
{
field : "Date",
title : "Date",
format : "{0:dd-MMM-yyyy hh:mm:ss tt}",
parseFormats: ["yyyy-MM-dd'T'HH:mm:ss.zz"],
editor: dateEditor
}
Please see related fiddle http://jsfiddle.net/Ahq6s/462/
Upvotes: 1