web-dev-qa-db-ja.com

DatePipeを使用してAngular 4で日付と時刻を取得する方法

私はangular 4アプリケーションで作業しています。ここでは、angular DatePipeを使用して現在の日付と時刻を取得する必要があります。

次の形式で日付と時刻を取得したい

dd-mm-yyyy hh：MM：ss AM/PM

Angular DatePipeを次のように使用することで期待どおりになりました

<p>{{today | date:'dd-MM-yyyy hh:mm:ss a':'+0530'}}</p>

出力：

10-05-2018 03:28:57 PM

ここで私がやりたいことは、HTMLに触れずにapp.component.tsから同じ出力を取得することです

だから私は以下のコードを試しましたが、13桁のタイムスタンプを生成します

today = Date.now();
    fixedTimezone = this.today;

HTMLを使用せずにapp.component.tsファイルから純粋に言及された形式として日付と時刻を取得するにはどうすればよいですか。

angulartypescriptdate-pipe
5
Nikson
let dateFormat = require('dateformat');
let now = new Date();
dateFormat(now, "dddd, mmmm dS, yyyy, h:MM:ss TT");

Thursday, May 10th, 2018, 7:11:21 AM

そして、この形式はあなたの質問とまったく同じです

dateFormat(now, "dd, mm, yyyy, h:MM:ss TT");

返却値 10, 05, 2018 7:26:57 PM

npmパッケージが必要ですnpm i dateformatここにnpmパッケージのリンクがあります https://www.npmjs.com/package/dateformat

ここに私を鼓舞する別の質問があります JavaScript日付をフォーマットする方法

h:MM:ss TT 結果 7:26:57 PM

HH:MM:ss 結果 13:26:57

ここにあります https://jsfiddle.net/5z1tLspw/

それがお役に立てば幸いです。

8
bereket gebredingle

上で動作しますAngular 6 or above

ライブラリは必要ありません。あなたが角度でそれを行うことができる場合。共通パッケージからformatDateをインポートし、他のデータを渡します。以下の例を参照してください。

import { Component } from '@angular/core';
import {formatDate } from '@angular/common';
@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  today= new Date();
  jstoday = '';
  constructor() {
    this.jstoday = formatDate(this.today, 'dd-MM-yyyy hh:mm:ss a', 'en-US', '+0530');
  }
}

stackblitz： https://stackblitz.com/edit/angular-vjosat?file=src%2Fapp%2Fapp.component.ts

9
xdeepakv

関数formatDateを使用して、ロケール規則に従って日付をフォーマットします。

{{ value_expression | date [ : format [ : timezone [ : locale ] ] ] }}

役に立つかもしれません:)

0
Rajan Desai