@gabrihhh/ngx-timepicker12
v0.1.8
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 para o angular 12.</p> <h3>Métodos</h3>
Downloads
8
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.(responseStringChange):
É emitido toda vez que o valor do responseString mudar.(responseChange):
É emitido toda vez que o valor do response mudar.[needSeconds]:
Espera uma váriavel do tipo boolean que desabilita os segundos caso false.[disabled]:
Espera uma variavel do tipo boolean que desabilita o input caso for true.[min]:
recebe o valor de horário minimo para se escolher baseando-se na string "hh:mm:ss"[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" [(tipo do dado retornado)]="variavel que armazenará esse dado"></ngx-timepicker>
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: `
<ngx-timepicker [max]="maxValue" [min]="minValue" type="time" [(responseString)]="value"></ngx-timepicker>
<button (click)="getTime()">Submit</button>
`,
styleUrls: ['./app.component.scss']
})
export class AppComponent {
public value = "00:00:00"
public minvalue = '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.