CODEWITHSUNDEEP
angulartimepicker
Jishan
Jishan

Reputation: 199

how to create only time picker in angular 5 or 6?

I have to select specific time from given time slot. after selecting the date from the calendar available time slot will be shown for appointment.

Upvotes: 3

Views: 14979

Answers (2)

Rushabh.js
Rushabh.js

Reputation: 11

Time Picker

<ngb-timepicker [(ngModel)]="time"></ngb-timepicker>

Upvotes: 1

Sangwin Gawande
Sangwin Gawande

Reputation: 8156

There is one in Bootstrap DateTime Picker.

Which has exact component you need.

<div class="input-append date" id="datetimepicker"
    data-date="12-02-2012" data-date-format="hh">
    <input class="span2" size="16" type="text" value="12-02-2012">
    <span class="add-on"><i class="icon-th"></i></span>
</div>

Invoke it like : $('#datetimepicker').datetimepicker('remove')

Bootstrap Datetime Picker

You can use PrimeNG Calendar. 

import {CalendarModule} from 'primeng/calendar';

It has timeOnly parameter which only shows time picker.

TimePicker

<p-calendar [(ngModel)]="date8" [timeOnly]="true"></p-calendar>

Upvotes: 2

Related Questions