Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何以角度设置对象的日期格式_Javascript_Typescript - Fatal编程技术网

Javascript 如何以角度设置对象的日期格式

Javascript 如何以角度设置对象的日期格式,javascript,typescript,Javascript,Typescript,我想在这里做的是格式化日期,当它处理数据时,它应该是这样的 data = { name: 'Jaun', date: '2019-01-01 13:29:00', load: true } 您可以在Date类中使用toLocaleString轻松完成此操作 像这样很容易 data = { name: 'Jaun', date: '01-01-2019 01:29 PM', load: true } 之后,您需要将/替换为-试试这个 var data={name:'Jaun',date:'

我想在这里做的是格式化日期,当它处理数据时,它应该是这样的

data = { name: 'Jaun', date: '2019-01-01 13:29:00', load: true }

您可以在
Date
类中使用
toLocaleString
轻松完成此操作 像这样很容易

 data = { name: 'Jaun', date: '01-01-2019 01:29 PM', load: true }
之后,您需要将
/
替换为
-

试试这个

var data={name:'Jaun',date:'2019-01-01 13:29:00',load:true}
函数convertDate(){
console.log(moment(data.date).format('DD-MM-YYYY hh:MM');
}

转换日期
let数据={
姓名:“Jaun”,
日期:“2019-01-01 13:29:00”,
负载:真
};
常量addZero=(num)=>num<10`0${num}`:num;
const d=新日期(data.Date);
设hr=addZero(d.getHours());
const min=addZero(d.getMinutes());
设ampm='AM';
如果(人数(小时)>12){
hr-=12;
ampm=‘PM’;
}
const date=addZero(d.getDate());
const month=addZero(d.getMonth()+1);
const year=d.getFullYear();
data.date=`${date}-${month}-${year}${hr}:${min}${ampm}`;

控制台日志(数据)必须将区域设置字符串作为参数传递给DatePipe

data.date = new Date(data.date).toLocaleString().replace(/\//g, '-')
还可以在app.component.module.ts中添加datepipe

var ddMMyyyy = this.datePipe.transform(data.date,"dd-MM-yyyy");

Ref:

到目前为止,您尝试了什么?您是否尝试过从data.Date创建日期对象?
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import {DatePipe} from '@angular/common';
@NgModule({
   declarations: [
   AppComponent
 ],
 imports: [
  BrowserModule
 ],
 providers: [
  DatePipe
 ],
 bootstrap: [AppComponent]
})
export class AppModule { }