angular-ui-bootstrap-datetimepicker

WebJar for angular-ui-bootstrap-datetimepicker

License

License

MIT
Categories

Categories

Angular User Interface Web Frameworks
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

angular-ui-bootstrap-datetimepicker
Last Version

Last Version

2.5.1
Release Date

Release Date

Type

Type

jar
Description

Description

angular-ui-bootstrap-datetimepicker
WebJar for angular-ui-bootstrap-datetimepicker
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/zhaber/ng-bootstrap-datetimepicker

Download angular-ui-bootstrap-datetimepicker

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/angular-ui-bootstrap-datetimepicker/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>angular-ui-bootstrap-datetimepicker</artifactId>
    <version>2.5.1</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/angular-ui-bootstrap-datetimepicker/
implementation 'org.webjars.bower:angular-ui-bootstrap-datetimepicker:2.5.1'
// https://jarcasting.com/artifacts/org.webjars.bower/angular-ui-bootstrap-datetimepicker/
implementation ("org.webjars.bower:angular-ui-bootstrap-datetimepicker:2.5.1")
'org.webjars.bower:angular-ui-bootstrap-datetimepicker:jar:2.5.1'
<dependency org="org.webjars.bower" name="angular-ui-bootstrap-datetimepicker" rev="2.5.1">
  <artifact name="angular-ui-bootstrap-datetimepicker" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='angular-ui-bootstrap-datetimepicker', version='2.5.1')
)
libraryDependencies += "org.webjars.bower" % "angular-ui-bootstrap-datetimepicker" % "2.5.1"
[org.webjars.bower/angular-ui-bootstrap-datetimepicker "2.5.1"]

Dependencies

compile (2)

Group / Artifact Type Version
org.webjars.bower : angular-bootstrap jar [1.2.4,)
org.webjars.bower : angular jar [1.4.4,)

Project Modules

There are no modules declared in this project.

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

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) or none (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)

Versions

Version
2.5.1
2.0.3
2.0.2
1.3.3
1.2.4
0.14.4
0.12.0