Pages UI
Search…
Time Picker
pg-timepicker is a fork of NG-ZORRO implementation of Time Picker Initial credits go to the author

Importing

First import it to your app module or any submodule as you wish
1
import { pgTimePickerModule } from '@pages/components/time-picker/timepicker.module';
2
@NgModule({
3
imports: [pgTimePickerModule,...]
4
})
5
export class AppModule(){}
Copied!

How to use

Basic Select with Search
HTML
1
<pg-timepicker [(ngModel)]="_date"></pg-timepicker>
Copied!

API

parameter
Instructions
Types of
Defaults
of the Model
Default time
string or Date
no
PlaceHolder
The content displayed when there is no value
String
"Please select time"
Format
Displayed time format
String
"HH:mm:ss","HH:mm"
Disabled
Disable all actions
Boolean
false
DisabledHours
Prohibit selection of partial hours option
function()
no
DisabledMinutes
Do not select partial minutes option
function(selectedHour)
no
DisabledSeconds
Disable selection of partial seconds
function(selectedHour, selectedMinute)
no
HideDisabledOptions
Add this property to hide forbidden options
attribute
-
Copy link