Angular 4日期和时间选择器

时间:2017-11-07 08:30:20

标签: angular

角4中是否有第三方库? 我想首先选择日期,然后选择时间。

有些图书馆可以选择其中一个。我想两者都选。 它用于采摘日期和时间。

3 个答案:

答案 0 :(得分:1)

你应该看一下ng-pick-datetime,它易于使用和实现。 它对台式机和手机的响应和工作。

查看此日期时间选择器的documentation

答案 1 :(得分:1)

试试这个。 https://github.com/nkalinov/ng2-datetime

这里也是一个工作演示。 https://nkalinov.github.io/ng2-datetime/

说明

npm install --save ng2-datetime

1)按以下顺序以某种方式导入所需的依赖项:

Bootstrap CSS jQuery的 bootstrap-timepicker + bootstrap-datepicker

2)import { NKDatetimeModule } from 'ng2-datetime/ng2-datetime';

3)将其添加到您的应用模块的导入属性

@NgModule({
    ...
    imports: [NKDatetimeModule, ...],
    ...
})

4)使用它:<datetime [(ngModel)]="date"></datetime>

答案 2 :(得分:-1)

PrimeNG有一个Timepicker / Calendar,可以一步选择日期和时间。

PrimeNG Calendar(&#34; Time&#34;示例)