要在HTML中以日期格式显示Moment,您可以使用Angular的管道来格式化日期。以下是一个示例的解决方法:
首先,确保您已经安装了Moment.js和Moment.js的Angular适配器(ngx-moment)。
在您的Angular项目中,导入MomentModule和MomentPipeModule:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { MomentModule } from 'ngx-moment';
import { MomentPipeModule } from 'ngx-moment';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
MomentModule,
MomentPipeModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
import { Component } from '@angular/core';
import * as moment from 'moment';
@Component({
selector: 'app-root',
template: `
{{ currentDate | amDateFormat: 'YYYY-MM-DD' }}
`
})
export class AppComponent {
currentDate = moment();
}
这样,您就可以在HTML中正确地显示Moment日期了。在这个例子中,我们将当前日期赋值给currentDate变量,并使用管道将其格式化为'YYYY-MM-DD'。
请注意,为了使用MomentPipe,在您的组件中必须导入MomentPipe并将其添加到您的模块的imports数组中。
希望这可以帮到您!