vatsal
vatsal

Reputation: 262

Datetime picker in inline kendo grid in which cannot select past date

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

Answers (1)

calinaadi
calinaadi

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

Related Questions