Как получить дату и время в Angular 4, используя DatePipe - PullRequest
Новая
       12

Как получить дату и время в Angular 4, используя DatePipe

0 голосов
/ 10 мая 2018

Я работаю в угловом приложении 4, Здесь мне нужно получить текущую дату и время, используя угловые DatePipe .

Я хочу получить дату и время в следующем формате

дд-мм-гггг чч: мм: сс AM / PM

Я получил ожидаемое при использовании Angular DatePipe следующим образом 

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

вывод: 

10-05-2018 03:28:57 PM

Здесь я хочу получить тот же вывод из моего app.component.ts, не касаясь HTML

Итак, я попробовал приведенный ниже код, но он генерирует 13-значную временную метку 

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

ТАК как я могу получить дату и время в указанном формате исключительно из файла app.component.ts без использования HTML.

Ответы [ 3 ]

0 голосов
/ 10 мая 2018 
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/

Надеюсь, это поможет.

0 голосов
/ 10 мая 2018

Будет работать на Угловой 6 или выше

Тебе не нужна библиотека. Если вы можете сделать это с угловым. импортировать 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

0 голосов
/ 10 мая 2018

Использует функцию formatDate для форматирования даты в соответствии с правилами локали. 

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

Это может быть полезно:)

...