代码之家 › 专栏 › 技术社区 › Hasan Zubairi

角度材质日期选择器日期格式

angular-material datepicker angular

Hasan Zubairi · 技术社区 · 6 年前

我试图从datepicker获取日期,并将其保存在sql server中,但输出结果是“1538107200000”。它是什么格式以及如何将其转换为与SQLServer日期格式兼容的日期格式。

在component.html中

<input matInput [matDatepicker]="picker" placeholder="enter date"
           (dateInput)="addEvent('input', $event)">
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
    <mat-datepicker #picker></mat-datepicker>

在component.ts中

addEvent(type: string, dinput: MatDatepickerInputEvent<Date>) {
    this.dinput.push(`${dinput.value}`);
    this.date = new Date(this.dinput[0].toString());
    this.dates = moment(this.date, 'YYYY-MM-DD').toString();
    console.log(this.dates);
  }

3 回复 | 直到 6 年前

Mukesh Verma 6 年前

1538107200000是以毫秒为单位的日期(历元时间戳)。将其转换为日期对象使用 new Date(1538107200000) . moment(new Date(1538107200000)).format("YYYY-MM-DD") . 这将为您提供YYYY-MM-DD格式的日期。现在您需要将其保存在SQL Server中。这将作为字符串转到您的服务器,您需要找到服务器支持的日期格式,并将该字符串转换为date并保存到DB。

Justin 6 年前

here . 我相信你没有正确地使用力矩构造器。试试这个:

moment(this.date).format('YYYY-MM-DD').toString();

或者传递给矩构造函数的值的格式是矩无法识别的。看到了吗 documentation .

PrathapG 6 年前

您正在获取json格式的日期。下面是一个自定义过滤器,用于将json日期格式转换为实际日期。

.filter("filterdate", function() {
var re = /\/Date\(([0-9]*)\)\//;
return function(x) {
    var m = x.match(re);
    if( m ) return new Date(parseInt(m[1]));
    else return null;
};
});

组件.html

<input {{dateInput| filterdate | date:'dd/MM/yyyy'}}>

推荐文章

user19531657 · 如何将标题和按钮对齐在同一行?

2 年前

Marcus Edensky · 角度6材质:材质选项卡链接由下划线栏选择

6 年前

Carl.G · 如何将Angular 6 Material sidenav设置为从屏幕右侧从右向左打开

6 年前

spottedmahn · 覆盖只读/禁用样式/CSS

6 年前

bereket gebredingle · 具有列值的物料表数据源筛选器

6 年前

Rahul Munjal · 无法绑定到“dataSource”,因为它不是“table”的已知属性

6 年前

Billy G · “角度材质”对话框:如何在父零部件中更改注入的数据时更新这些数据?

6 年前

Kaushik Nath · 导入MatTabChangeEvent时出错

6 年前

The Fox · “角度材质”对话框:复选框始终返回false

6 年前

Chinaedu Onwukwe · 在鼠标上方展开“材质扩展”面板

6 年前