@gabrihhh/ngx-timepicker
v0.0.2
Published
<h1 align="center">TimePicker Angular</h1> <h3>Descrição</h3> <p align="justify">Propósito do repositório é criar um input do tipo horario que retorne uma parcela de tempo em um tipo específico.</p> <h3>Métodos</h3>
Downloads
2
Readme
[(response)]:
Espera uma variavel do tipo number|null e retorna ela modificada.[(responseString)]:
Espera uma variavel do tipo string|null e retorna ela modificada.[max]:
recebe o valor de horário maximo para se escolher baseando-se na string "hh:mm:ss"[type]:
recebe o tipo de valor que vai ser retornado sendo ele:'milisecond':
retorna o valor em milisegundos.'second':
retorna o valor em segundos.'minute':
retorna o valor em minutos.'hour':
retorna o valor em horas.'time':
retorna o horário baseado em "hh:mm:ss" sendo string.
[!NOTE]
Os métodos são utilizados dentro da tag do timepicker: <ngx-timepicker type="time" [(response)]="variavel">
import { NgxTimePickerModule } from 'caminho/completo';
@NgModule({
declarations: [
AppComponent,
],
imports: [
NgxTimePickerModule,
],
providers: [
],
bootstrap: [AppComponent]
})
export class AppModule { }
<ngx-timepicker type="time" [(response)]="variavel que será modificada"></ngx-timepicker>
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: `
<ngx-timepicker [max]="maxValue" type="time" [(responseString)]="value"></ngx-timepicker>
<button (click)="getTime()">Submit</button>
`,
styleUrls: ['./app.component.scss']
})
export class AppComponent {
public value = '12:00:00'
public maxValue = '22:00:00'
public getTime() {
console.log(this.value)
}
}
[!NOTE]
"value" o valor mostrado na inicialização e a resposta do input. "maxValue" o valor que o input não deixará ultrapassar. "type" o tipo de dado que será recebido.