javascript - 如何在angularjs中设置带条件的日期格式？

Question

如果列类型为日期，我想设置日期格式。

我的代码如下:

<div ng-repeat="col in gridColumnDefs">
    <div pi-grid-column sort-enable="true" sort-direction="0"
         filter-enable="true" column-width="185px"
         display-name="{{col.DisplayName}}"
         column-type="{{col.ColumnType.toLowerCase()"
         property-name="{{col.Name}}">
    </div>
</div>

如果我知道列类型，编码如下:

<div pi-grid-column sort-enable="true" column-width="100px"
     sort-direction="0" display-name="Date 1" property-name="Date1"
     column-type="date" date-format="dd/MM/yyyy" filter-enable="true">
</div>

我使用 ng-repeat，gridColumnDef 是我的列数组。

display-name="{{col.DisplayName}}" : 'Date1'
 column-type="{{col.ColumnType.toLowerCase()" : "date"
property-name="{{col.Name}} : "date1"

如果 col.ColumnType = "date"?日期格式:dd/MM/yyyy 。我不知道如何在 div 标签内的 html 页面中做

如果 columnType = date，如果 columnType != date 未设置日期格式，则应设置日期格式。

有什么想法吗？

Answer 1

您可以使用 Angular 表达式来插入自定义属性日期格式所需的逻辑:

<div pi-grid-column sort-enable="true" column-width="100px"
    sort-direction="0" display-name="Date 1" property-name="Date1"
    column-type="date" date-format="{{ col.ColumnType === 'date' ? 'date' : 'dd/MM/yyyy' }}" filter-enable="true">
</div>

我建议将此逻辑移至 Controller 并调用一个方法来检索正确的值:

$scope.defineDateFormat = function _defineDateFormat(column) {
    return column.ColumnType === 'date' ? 'date' : 'dd/MM/yyyy';
}

然后:

<div pi-grid-column sort-enable="true" column-width="100px"
    sort-direction="0" display-name="Date 1" property-name="Date1"
    column-type="date" date-format="{{ defineDateFormat(col) }}" filter-enable="true">
</div>