如何使用YYYY-MM-DD hh:mm:ss格式在angular2中将datepicker弹出窗口添加到输入字段

时间:2017-04-06 08:47:51

标签: angular

如何使用YYYY-MM-DD hh:mm:ss格式以角度方式将datepicker弹出窗口添加到输入字段。

我在.html文件中添加如下,但没有效果。

<input [(ngModel)]="date2" ngui-datetime-picker
     date-format="YYYY-MM-DD hh:mm:ss"
     hour="23"
     minute='59'
     close-on-select="false"/>

我在app.module.ts文件中安装并导入了ngui-datetime-picker。

import { NguiDatetimePickerModule } from '@ngui/datetime-picker';

@NgModule({
   imports: [BrowserModule, FormsModule, NguiDatetimePickerModule],
   declarations: [AppComponent],
   bootstrap: [ AppComponent ]
})

1 个答案:

答案 0 :(得分:0)

请找到 working sample根据您的需要,我创建了plnkr。

<input [(ngModel)]="date2" ngui-datetime-picker    date-format="YYYY-MM-DD hh:mm:ss"    hour="23"    minute='59'    close-on-select="false"  />

请确认您必须导入

import { NguiDatetimePickerModule, DateTime } from '@ngui/datetime-picker';

并导出日期时间

 export 
    {  
    DateTime
    }