@zhaber/ng-bootstrap-datetimepicker v2.1.0
NG Bootstrap Angular Datetime picker component specific to Bootstrap 4
Welcome to the Angular version of the Datetimepicker Bootstrap library. It's using TypeScript and targeting the Bootstrap 4 CSS framework. As with Bootstrap 4, this library is a work in progress. The plugin is based on Angular Datepicker and Timepicker.
Demo
View the directive in action at Plunker
To test the component locally run ng serve
:
git clone https://github.com/zhaber/datetimepicker.git
ng serve
Install
Run npm install npm install @zhaber/ng-bootstrap-datetimepicker
to install. Use the --save
option to add it to your package.json's dependencies.
Datetimepicker Settings
datePlaceholder
Date input placeholder. (Type: String)displayMonths
Number of months to display. (Type: number)firstDayOfWeek
First day of the week. With default calendar we use ISO 8601: 'weekday' is 1=Mon ... 7=Sun. (Type: number)hourStep
Number of hours to increase or decrease when using a button. (Type: number)meridian
Whether to display 12H or 24H mode. (Type: boolean)minuteStep
Number of minutes to increase or decrease when using a button. (Type: number)navigation
Navigation type:select
(default with select boxes for month and year),arrows
(without select boxes, only navigation arrows) ornone
(no navigation at all). (Type: 'select' | 'arrows' | 'none'`)showWeekdays: boolean;
Whether to display days of the week. (Type: boolean)outsideDays
Whether to display week numbers. (Type: 'visible' | 'collapsed' | 'hidden')seconds
Whether to display seconds input. (Type: boolean)secondStep
Number of seconds to increase or decrease when using a button. (Type: number)showWeekNumbers
Whether to display week numbers. (Type: boolean)spinners
Whether to display the spinners above and below the inputs. (Type: boolean)timeReadonlyInputs
To make timepicker readonly. (Type: boolean)
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago