如何在剑道网格单元格内编辑中设置日期格式

Question

我在kendo-grid-column上使用单元格内编辑。从此处的示例中，您可以定义列editor属性。在我的专栏中，我想编辑日期，因此有一个日期选择器来执行此操作。我可以通过在kendo-grid-column中添加以下属性来做到这一点：

editor="date"

我的问题是我希望日期选择器格式化为仅使用上面的属性显示 YEAR。

作为旁注——这可以通过kendoGridCellTemplate轻松实现，并添加相关属性以使其格式化如下

<kendo-grid-column field="FinancialYear" title="Fin Year" width="150">
<ng-template kendoGridCellTemplate let-dataItem  let-column="column">
<kendo-datepicker style="width: 100%;" id="BudgetedMonth" (click)="cli($event)" (valueChange)="financialYearChange($event)" [value]="displayFinancialYear(dataItem.FinancialYear)" [bottomView]="'decade'" [topView]="'decade'" [format]="'yyyy'"></kendo-datepicker>
</ng-template>
</kendo-grid-column>

但是我遇到了一个问题，即所选行不会立即触发选择时的日期选择器控件。

Answer 1

在 kendoui for jquery 中，我设置了 column.format，并确保 DataSource.schema.model.fields 中字段的数据类型设置为日期：

剑道网格

var $grid = $("#grid").kendoGrid({
dataSource: data,
editable: "incell",
columns: [
{
field: "Deadline",
format: "{0:dd-MM-yyyy}"
},
...

数据源

data: new window.kendo.data.DataSource({
schema: {
model: {
fields: {
deadline: { type: "date", editable: true }
...