Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在angularjs中设置带条件的日期格式?_Javascript_Html_Angularjs_Date - Fatal编程技术网

Javascript 如何在angularjs中设置带条件的日期格式?

Javascript 如何在angularjs中设置带条件的日期格式?,javascript,html,angularjs,date,Javascript,Html,Angularjs,Date,如果列类型为date,我想设置日期格式 我的代码如下所示: <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}}" colum

如果列类型为date,我想设置日期格式

我的代码如下所示:

<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>
如果col.ColumnType=“日期”?日期格式:dd/MM/yyyy
。我不知道如何在html页面内的div标签

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


有什么想法吗?

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

<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>
然后:


display-name="{{col.DisplayName}}" : 'Date1'
 column-type="{{col.ColumnType.toLowerCase()" : "date"
property-name="{{col.Name}} : "date1"
<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>
$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>