@alexfriesen/ngx-mat-time捡取器

使用Angular Matery的简单取时器模块:它为时间选择提供了Android风格对话框,为材料风格的时间选择提供了手动输入.

目录

• 开始
• 国际化
• 文档
  • NgxMatTime 选择器
  • Ngx MatTime 拾取器组件
  • NgxMatTimeicker 字段组件
  • Ngx MatTime 拾取器切换组件
  • NgxMatTime Pickers 切换Icon指令
• 发展
• 测试
• 许可证

开始

通过 npm 安装计时器 :

npm i --save @alexfriesen/ngx-mat-timepicker

下次将计时器模块导入您的应用模块 :

import { NgModule } from '@angular/core';
import { NgxMatTimepickerModule } from '@alexfriesen/ngx-mat-timepicker';

@NgModule({
  imports: [NgxMatTimepickerModule],
})
export class MyModule {}

最后通过模板属性将分时器连接到输入:

<input [ngxMatTimepicker]="picker" />
<ngx-mat-timepicker #picker />

点击输入后, 计时器会打开

国际化

时间拾取器支持格式的本地化 BCP 47它已经 en-US 默认语言.

覆盖默认语言 :

import { NgModule } from '@angular/core';
import { NgxMatTimepickerModule } from '@alexfriesen/ngx-mat-timepicker';

@NgModule({
  imports: [NgxMatTimepickerModule.setLocale('en-GB')],
})
export class MyModule {}

他们

此软件包依赖于现有的角材料主题 :

@import '@angular/material/prebuilt-themes/indigo-pink.css';

或者说

@use '@angular/material' as mat;

@include mat.all-component-themes($my-theme);

文档

角质分时器的 API 引用

import { NgxMatTimepickerModule } from '@alexfriesen/ngx-mat-timepicker';

NgxMatTime 选择器

负责管理计时器弹出和设置输入值的指示

选择器 : ngxMatTimepicker

属性

NgxMatTimePicker 本地服务

此服务允许 随时更改地址。 。 。 .
您可以在您的组件中注入此选项或扩展并提供您的版本, 以便向所有的拾取者提供您的当前语言 !
此时此刻 半静态,这意味着你无法改变已经打开的拾取器的用地.
不过 新拾取者总是会得到更新的地盘。 。 。 .

Ngx MatTime 拾取器组件

负责可视化取时器的组件

选择器 : ngx-mat-timepicker

属性

NgxMatTimeicker 字段组件

取时者作取相.

选择器 : ngx-mat-timepicker-field

属性

@ 输出( )
时间变化: 事件Emitter < string > QQ 一旦更改, 则释放新时间。 |

Ngx MatTime 拾取器切换组件

负责打开取时器的组件.

选择器 : ngx-mat-timepicker-toggle

属性

NgxMatTime Pickers 切换Icon指令

可用于覆盖一个 NgxMatTimepickerToggleComponent。 。 。 .

选择器 : [ngxMatTimepickerToggleIcon]

属性

演示

演示

$ npm
$ npm start

运行 npm test 测试一次.

许可证

这个项目根据麻省理工学院许可证颁发——见 自由主义 详细文件

感谢

拉齐DK - 因为他在单位测试和升级方面的出色工作

阿格拉诺姆 用于设置原始的repo.