Skip to main content

angular bootstrap - Timepicker with second

app.component.ts 

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})


export class AppComponent {
  time = {hour: 13, minute: 11, second: 6};
}
app.component.html 

<h4 style="padding-top:25px; padding-bottom:25px;">
  Angular Bootstrap - Timepicker with second
</h4>

<h5><b>Selected Time:</b></h5>
<br/>

<h5>{{time | json}}</h5>
<br/>

<ngb-timepicker 
  [(ngModel)]="time" 
  [seconds]="true">
</ngb-timepicker>
More Angular tutorials
Labels: