날짜를 각도 2에서 이 'yyyy-MM-dd' 형식으로 변환하는 방법
현재 날짜를 로 변환하고 싶습니다.'yyyy-MM-dd'의 서식..ts파일. 템플릿에서는 날짜 파이프를 사용하여 쉽게 수행할 수 있습니다.타자기로 어떻게 합니까?
템플릿:
{{date | date:'yyyy-MM-dd'}}
이 형식으로 변환하는 방법'yyyy-MM-dd'타자기로?
저는 이것을 사용하여 현재 날짜를 얻는 중입니다.
this.date = new Date();
하지만 주어진 형식으로 변환해야 합니다.
날짜는 형식 스크립트에서 이 형식으로 변환할 수 있습니다.'yyyy-MM-dd'Datepipe를 사용하여
import { DatePipe } from '@angular/common'
...
constructor(public datepipe: DatePipe){}
...
myFunction(){
this.date=new Date();
let latest_date =this.datepipe.transform(this.date, 'yyyy-MM-dd');
}
app.module.ts의 'providers' 배열에 Datepipe를 추가하면 됩니다.다음과 같이:
import { DatePipe } from '@angular/common'
...
providers: [DatePipe]
제 프로젝트에서 직면했던 것과 같은 문제입니다.@Umar Rashed 덕분에, 하지만 저는 그것을 자세히 설명할 것입니다.
먼저, app.module에서 날짜 파이프 제공:
providers: [DatePipe]
구성 요소 및 app.module로 가져오기:
import { DatePipe } from '@angular/common';
둘째, 생성자 아래에 선언합니다.
constructor(
public datepipe: DatePipe
) {
날짜는 서버에서 제공되며 콘솔에 대해 다음과 같이 구문 분석됩니다.
2000-09-19T00:00:00
TypeScript에서 날짜를 필요한 날짜로 변환합니다.
this.datepipe.transform(this.birthDate, 'dd/MM/yyyy')
HTML 템플릿에서 표시:
{{ user.birthDate }}
그리고 이것은 다음과 같이 보입니다.
19/09/2000
웹 사이트에도 이와 같이 표시됨: 필터링된 날짜로 표시됨(스크린샷을 보려면 클릭
formatDate도 사용할 수 있습니다.
let formattedDt = formatDate(new Date(), 'yyyy-MM-dd hh:mm:ssZZZZZ', 'en_US')
간단한 해결책은 그냥 쓰는 것입니다.
this.date = new Date().toLocaleDateString();
날짜..toLocaleDateString()시간을.toLocaleTimeString()둘다요..toLocaleString()
이게 도움이 되길 바랍니다.
이것도 먹어볼 수 있습니다.
오늘 날짜 '2018년 12월 28일'을 고려합니다(예:).
this.date = new Date().toISOString().slice(0,10);
새로운 날짜()는 2018년 12월 28일 금요일 11:44:33 GMT+0530(인도 표준시)으로 표시됩니다.
toISOString 변환 대상: 2018-12-28T06:15:27.479Z
slice(0,10) yyyy-mm-dd : 2018-12-28을 포함하는 날짜로 처음 10자만 받습니다.
const formatDate=(dateObj)=>{
const days = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
const months = ["January","February","March","April","May","June","July","August","September","October","November","December"];
const dateOrdinal=(dom)=> {
if (dom == 31 || dom == 21 || dom == 1) return dom + "st";
else if (dom == 22 || dom == 2) return dom + "nd";
else if (dom == 23 || dom == 3) return dom + "rd";
else return dom + "th";
};
return dateOrdinal(dateObj.getDate())+', '+days[dateObj.getDay()]+' '+ months[dateObj.getMonth()]+', '+dateObj.getFullYear();
}
const ddate = new Date();
const result=formatDate(ddate)
document.getElementById("demo").innerHTML = result<!DOCTYPE html>
<html>
<body>
<h2>Example:20th, Wednesday September, 2020 <h2>
<p id="demo"></p>
</body>
</html>Angular에 문제가 있다면 Moment.js를 확인해 보는 것이 좋습니다.적어도 너무 많은 시간을 들이지 않고 빠른 해결책입니다.
그냥 사용:
today:string = new Date().toJSON().slice(0,10).replace(/-/g,'/');
언급URL : https://stackoverflow.com/questions/40377103/how-to-convert-date-into-this-yyyy-mm-dd-format-in-angular-2
'IT' 카테고리의 다른 글
| 버튼을 클릭할 때 jquery datables fnServerData를 트리거하여 AJAX를 통해 테이블을 업데이트하려면 어떻게 해야 합니까? (0) | 2023.08.16 |
|---|---|
| 스프링 부트 + 멀티 테넌시(Multi-tenancy)가 포함된 스프링 데이터 (0) | 2023.08.16 |
| 지정된 프로젝트에 대해 올바른 ID(이름 및 이메일)를 사용하도록 GIT에 지시하는 방법은 무엇입니까? (0) | 2023.08.16 |
| Powershell - 재부팅 후 스크립트 계속 (0) | 2023.08.11 |
| 모든 MySQL 테이블 행을 동시에 업데이트하는 방법은 무엇입니까? (0) | 2023.08.11 |