使用角度2设置devextreme DataGrid中日期列的格式

我有一个devextreme datagrid在我的angular2项目中工作。 但是,具有日期数据类型的列仅以此格式显示完整的javascript日期:yyyy-MM-ddTHH:mm:ss。 我想将此列的格式设置为更像dd.MM.yyyy(欧式)的用户友好型。

但是,我所有设定日期格式的尝试都尚未成功。

以下是我现在在组件模板中的内容:

    <dx-data-grid [dataSource]="tasks">
        <dxi-column dataField="barcode" ></dxi-column>
        <dxi-column dataField="receiptDate" format="shortDate">
            <dxo-format type="shortDate"></dxo-format> 
        </dxi-column>
    </dx-data-grid>

不幸的是,设置格式的类型并没有改变任何东西 - 我仍然得到这个未格式化的JS日期字符串。 我也没有在控制台中发现任何异常。


上面提到的答案工作正常,如果你想使用管道(可能是一些额外的格式或任何东西),你可以使用cellTemplate,下面是代码片段

    <dx-data-grid [dataSource]="assessments" [height]="gridHeight" [hoverStateEnabled]="true" 
                width="100%">
                <dxi-column dataField="assessDate" dataType="date" [caption]="assessDate" cellTemplate="dateCell"></dxi-column>
                <div *dxTemplate="let cellData of 'dateCell'">
                    {{cellData.value | date: 'dd-MMM-yy'}}
                </div>
            </dx-data-grid>

我过了一会儿才找到答案。 问题是你必须设置列的dataType属性为date--否则日期格式化设置将被忽略。 这是工作:

<dx-data-grid [dataSource]="tasks">
    <dxi-column dataField="barcode" ></dxi-column>
    <dxi-column dataField="receiptDate" dataType="date" format="shortDate"></dxi-column>
</dx-data-grid>
链接地址: http://www.djcxy.com/p/5247.html

上一篇: Set the format of a date column in devextreme DataGrid with angular 2

下一篇: Row filter always shows select box for lookup column