Question

我如何以特定格式'yyyy-MM-dd'来获取当前日期，例如今天的i，其结果为：'2018-07-12'，仅使用命令即可

myDate = new Date();

非常感谢

Answer 1

您可以使用DatePipe在Angular中格式化日期。

在ts中，如果您要格式化日期，则可以像这样在构造函数中将DatePipe作为服务注入

import { DatePipe } from '@angular/common';

@Component({
    templateUrl: './name.component.html',
    styleUrls: ['./name.component.scss'],
    providers: [DatePipe]
})

myDate = new Date();
constructor(private datePipe: DatePipe){
    this.myDate = this.datePipe.transform(this.myDate, 'yyyy-MM-dd');
}

如果要在html文件中设置格式，

{{myDate | date:'yyyy-MM-dd'}}

从Angular 6开始，这也有效，

import {formatDate} from '@angular/common';

formatDate(new Date(), 'yyyy/MM/dd', 'en');

Answer 2

这里是示例：

function MethodName($scope)
{
    $scope.date = new Date();
}

您可以在此处查看代码的方式更改格式

<div ng-app ng-controller="MethodName">
    My current date is {{date | date:'yyyy-MM-dd'}} . 
</div>

希望对您有帮助。

Answer 3

您可以使用date:'yyyy-MM-dd'管道

curDate=new Date();

<p>{{curDate | date:'yyyy-MM-dd'}}</p>

Answer 4

如果只想显示，则可以使用HTML中的日期管道：

日期：

your date | date: 'dd MMM yyyy'

日期与时间：

your date | date: 'dd MMM yyyy hh:mm a'

如果您只想从新的Date（）中输入日期，则：

您可以像这样在ts文件中使用angular formatDate（）-

currentDate = new Date();

const cValue = formatDate(currentDate, 'yyyy-MM-dd', 'en-US');

Answer 5

尝试一下：

   import * as moment from 'moment';

     ngOnInit() {
     this.date = moment().format("YYYY Do MMM");
                }

Answer 6

您可以尝试这样做。

component.ts

<a class=“href-a” [href]=“getImgContent(request?.mobile)“></a>
getImgContent = (number) =>{
   console.log(number );
   return 'sms:' + number + ';
 }

component.html

currentDate = new Date();

Answer 7

在Controller中，

 var DateObj = new Date();

 $scope.YourParam = DateObj.getFullYear() + '-' + ('0' + (DateObj.getMonth() + 1)).slice(-2) + '-' + ('0' + DateObj.getDate()).slice(-2);

Answer 8

app.component.html

<div>
     <h5 style="color:#ffffff;">{{myDate | date:'fullDate'}}</h5>
</div>

app.component.ts

export class AppComponent implements OnInit {
myDate = Date.now();    //date

Answer 9

使用以下内容：

new Date().toLocaleDateString();

然后根据您的要求更改应用程序的区域设置：

import { registerLocaleData } from '@angular/common';
import localeFr from '@angular/common/locales/fr';
registerLocaleData(localeFr);

//Provide the locale in any Module or Component by the LOCALE_ID token.
providers: [
 {provide: LOCALE_ID, useValue: 'fr'}
]

Answer 10

可以在HTML中使用format属性。

在Angular 4中以'yyyy-MM-dd'格式获取当前日期

10 个答案: