Angular skimmed-datepicker 时间组件

Angular skimmed-datepicker 时间组件
插件名称 skimmed-datepicker
发布时间 2020年7月23日
插件作者 tomblachut

一个精美,简单,支持触摸的,功能强大的快速日期选择器组件,用于Angular 4+。

特征

  •  选择日期
  •  快速燃烧
  •  启用点击,平移和滑动
  •  鼠标友好
  •  所需样式最少
  •  主题最大
  •  指定最小和最大日期
  •  可自定义的标签和日期格式
  •  每日,每月和每年视图之间的平滑过渡
  •  不阻止触摸设备上的垂直页面滚动

安装:

# NPM
$ npm install skimmed-datepicker --save

用法:

在您的模板中。

<input id="date" type="text" class="form-control mb-3"
       [ngModel]="date | date:'yyyy-MM-dd'" (ngModelChange)="date = $event">
<skm-calendar [(date)]="date"></skm-calendar>

导入模块。

@NgModule({
  declarations: [
    AppComponent,
    CalendarComponent,
  ],
  imports: [
    BrowserModule,
    FormsModule,
  ],
  providers: [
    {provide: LOCALE_ID, useValue: 'en-US'},
  ],
  bootstrap: [AppComponent],
})
export class AppModule {
}