【问题标题】:show date in correct format angular以正确的格式显示日期
【发布时间】:2022-02-09 15:43:18
【问题描述】:

我正在创建一个应用程序,我希望用户在其中提交日期日期以这种格式存储在数据库中 2003-06-01T00:00:00.000+00:00 我想显示它作为 2003 年 1 月 6 日或 2003 年 6 月 1 日,任何人都可以帮助我,我该怎么做?

【问题讨论】:

    标签: node.js angular angularjs multidimensional-array angular-material


    【解决方案1】:

    您可以使用角度日期管道 https://angular.io/api/common/DatePipe

    <span>{{startDate | date:'MM/dd/yyyy'}}</span>
    

    【讨论】:

    【解决方案2】:

    我为此创建了一个小型堆栈闪电战。您可以在此处看到日期的 4 种不同格式:

    1. 普通的旧 javascript 日期
    2. 格式化的 Javascript 日期
    3. 在 HTML 文件中使用 Angular Pipe
    4. 在 component.ts 文件中使用 formateDate() 函数。

    请参考此链接:https://stackblitz.com/edit/angular-cue9h6?file=src%2Fapp%2Fapp.component.html

    【讨论】:

      【解决方案3】:

      您可以使用日期管道在 html 模板中格式化您的标准 ISO 日期。从模板中找到日期对象,将值包装在{{}} 中,然后添加| date 管道以对其进行格式化。 https://angular.io/api/common/DatePipe

          <td>{{date}} </td>
          <td>yyyy-MM-dd</td>
          <td>{{date | localDate:'yyyy-MM-dd' }}</td>
          <td>{{date | date:'yyyy-MM-dd'}}</td>
      

      这是一个工作示例:https://stackblitz.com/edit/angular-local-date-pipe-bu2nxp?file=src%2Fapp%2Fapp.component.html

      【讨论】:

        猜你喜欢
        • 2019-10-15
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2015-10-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多