代码之家  ›  专栏  ›  技术社区  ›  nightingale2k1

angular5+dotnetcore 2.1-如何转换日期时间?

  •  0
  • nightingale2k1  · 技术社区  · 6 年前

    我有一个角度上的问题处理日期,我从服务器(使用ASP.NET核心2.1)得到一个日期时间,比如:“2018-07-29t06:31:41.57547”,但实际上我只需要没有时间的日期,比如“2018-07-29”。这导致我无法以我的形式显示日期。

    我应该首先使用automapper将所有日期时间映射到字符串,还是只转换成角度上的日期?或者其他解决方案?

    3 回复  |  直到 6 年前
        1
  •  2
  •   SoroushNeshat    6 年前

    使用MomentJS库。你可以这样转换它:

    var convertedDate = moment(date).format('YYYY-MM-DD');
    
        2
  •  1
  •   ElasticCode    6 年前

    只需将其转换为角度,使用 DatePipe

    {{ today | date: 'yyyy-MM-dd' }}

    <input name="startDate" type="date" formControlName="startDate" [ngModel]="startDate | date:'yyyy-MM-dd'" />
    
        3
  •  0
  •   TanvirArjel    6 年前

    要格式化视图中从SQL Server返回的日期,请执行以下操作:

    {{ YourDate | date: 'yyyy-MM-dd' }}
    

    有关更多格式样式: Angular DataPipe

    要将从SQL Server返回的日期绑定到具有所需格式的输入字段,需要执行以下操作:

    在组件中

    import { DatePipe } from '@angular/common';
    
    @Component({
    selector: 'your-html-template',
    templateUrl: './your-html-template.html',
    styleUrls: ['./your-html-template.css'],
    providers: [DatePipe]
    })
    export class CompanyComponent implements OnInit {
    
     constructor(private datePipe: DatePipe) {
    
     const yourDate = this.datePipe.transform(dateReturnedFromTheServer, 'yyyy-MM-dd');
    
     // bind that formatted date to your form
    }