- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想在 Angular 2 NGX 数据表中将日期列格式化为短日期。
这是 HTML:
<ngx-datatable
[rows]="toDos"
[columns]="columns">
</ngx-datatable>
import { Component, OnInit } from '@angular/core';
import { IToDo } from '../shared/todo';
import { ToDoService } from '../shared/todo.service';
@Component({
selector: 'app-todo-list',
templateUrl: './todo-list.component.html',
styleUrls: ['./todo-list.component.css']
})
export class TodoListComponent implements OnInit {
toDos: IToDo[];
columns = [
{ prop: 'toDoId' },
{ name: 'To Do', prop: 'name' },
{ prop: 'priority' },
{ prop: 'dueDate' },
{ prop: 'completed' }
];
constructor(private _toDoService: ToDoService) {
}
ngOnInit() {
this.toDos = this._toDoService.getToDos();
}
}
<ngx-datatable
[rows]="toDos"
[columns]="columns"
<ngx-datatable-column prop="dueDate">
<ng-template let-value="value" ngx-datatable-cell-template>
{{value | date[:shortDate]}}
</ng-template>
</ngx-datatable-column>
>
</ngx-datatable>
最佳答案
constructor(
private fb: FormBuilder,
private _currencyPipe: CurrencyPipe,
private _datePipe: DatePipe
) {
this.rows = [
{from: Date().toString(), to: Date(), amount: 100, verified: false},
{from: Date(), to: Date(), amount: 100, verified: true},
];
}
ngOnInit() {
this.columns = [
{ name: 'FROM', prop: 'from', pipe: this.datePipe()},
{ name: 'TO', prop: 'to', pipe: this.datePipe()},
{ name: 'AMOUNT', prop: 'amount', width: 85, pipe: this._currencyPipe},
{ name: 'CONFIRM | DELETE', cellTemplate: this.editCell, width: 155}
];
this.buildForm();
}
datePipe () {
return {transform: (value) => this._datePipe.transform(value, 'MM/dd/yyyy')};
}
@Input
在 ngx-dataTable 中需要一个带有转换的 Pipelike 结构:函数。您可以制作任何返回转换函数并随意操作数据的函数。
关于NGX 数据表上的 Angular 2 Pipe ShortDate,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43127932/
是否可以使用 ${shortdate}在 internalLogFile ? 我得到了预期的日期日志文件,但内部日志文件名为 ...${shortdate}_nlog.log 最佳
什么是 Java8 java.time 等同于 org.joda.time.formatDateTimeFormat.shortDate() 我试过以下方法,但它无法解析诸如“20/5/2016”或“
您好,我有一个短日期格式,格式为 E dd/MM ,有什么方法可以将其转换为 LocalDate。 String date = "Thu 07/05"; String formatter = "E d
我想在 Angular 2 NGX 数据表中将日期列格式化为短日期。 这是 HTML: 这是组件 TypeScript import { Component, OnInit } from '@an
我有一个 LocalDate,我想根据 Locale 格式模式打印日期,其中日期和月份为 2 位数字,年份为 4 位数字。实际上,我可以使用 DateTimeFormatter 来设置短日期,但不幸的
将 Entity Framework 与 MVC2 结合使用,我有一系列日期文本框,我想以短日期格式显示模型中的数据,但我必须使用 Html.TextBoxFor 才能使更新代码正常工作(具有尝试使用
我是一名优秀的程序员,十分优秀!