ng2-datetime - GitLite

KO | EN

gitlite — search

#ai #machine-learning #rust #linux #macos #nodejs #java #awesome #cli #kubernetes #pytorch #security #mcp #open-source

ng2-datetime

(★ 155)

Datetime picker plugins wrapper for Angular2+

File Explorer

Download Latest Version (.zip)

- helpers.js
- karma-test-shim.js
- karma.conf.js
- webpack.common.js
- webpack.dev.js
- webpack.prod.js
- webpack.test.js
- - glyphicons-halflings-regular.448c34a56d699c29117adc64c43affeb.woff2
  - glyphicons-halflings-regular.89889688147bd7575d6327160d64e760.svg
  - glyphicons-halflings-regular.e18bbf611f2a2e43afc071aa2f4e1512.ttf
  - glyphicons-halflings-regular.f4769f9bdb7466be65088239c12046d1.eot
  - glyphicons-halflings-regular.fa2772327f55d8198301fdb8bcfc8158.woff
- app.142434dec34b45bd91ad.js
- app.142434dec34b45bd91ad.js.map
- index.html
- libs.142434dec34b45bd91ad.css
- libs.142434dec34b45bd91ad.css.map
- libs.142434dec34b45bd91ad.js
- libs.142434dec34b45bd91ad.js.map
- polyfills.142434dec34b45bd91ad.js
- polyfills.142434dec34b45bd91ad.js.map
- - app.component.html
  - app.component.ts
  - app.module.ts
- - ITimepickerEvent.js
  - ITimepickerEvent.js.map
  - ITimepickerEvent.ts
  - ng2-datetime.js
  - ng2-datetime.js.map
  - ng2-datetime.module.js
  - ng2-datetime.module.js.map
  - ng2-datetime.module.ts
  - ng2-datetime.spec.ts
  - ng2-datetime.ts
- main.ts
- polyfills.ts
- vendor.ts
.gitignore
.npmignore
CHANGELOG.md
index.html
karma.conf.js
LICENSE
ng2-datetime.js
ng2-datetime.js.map
ng2-datetime.ts
package.json
README.md
tsconfig.json
tslint.json
webpack.config.js
yarn.lock

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Not maintaned

# ng2-datetime
[![npm version](https://badge.fury.io/js/ng2-datetime.svg)](https://badge.fury.io/js/ng2-datetime)

Datetime picker (plugins wrapper) for Angular.

##### Demo and docs: https://nkalinov.github.io/ng2-datetime

## Dependencies
- [Bootstrap3 (__CSS only__)](http://getbootstrap.com/)
- [jQuery 2+ (supports v3)](http://jquery.com/)
- [Bootstrap-datepicker __(JS+CSS)__](http://eternicode.github.io/bootstrap-datepicker/)
- [Bootstrap-timepicker __(JS+CSS)__](http://jdewit.github.io/bootstrap-timepicker/)

## Installation
`npm install --save ng2-datetime`

## Usage
1. import some way or another the required dependencies in the following order:
   - Bootstrap CSS
   - jQuery
   - bootstrap-timepicker + bootstrap-datepicker
   
   See [this example](https://github.com/nkalinov/ng2-datetime/blob/master/src/vendor.ts#L8)
2. `import { NKDatetimeModule } from 'ng2-datetime/ng2-datetime';`
3. Add it to your app module's `imports` property
```
@NgModule({
    ...
    imports: [NKDatetimeModule, ...],
    ...
})
```
4. Use it: `<datetime [(ngModel)]="date"></datetime>`

See the [__DEMO__](https://nkalinov.github.io/ng2-datetime) and it [__source__](https://github.com/nkalinov/ng2-datetime/tree/master/demo) for more info and available options.

## Contributing
Fork > Create > Pull request

## Thanks to
- @jdewit for the [timepicker plugin](https://github.com/jdewit/bootstrap-timepicker)
- @eternicode for the [datepicker plugin](https://github.com/eternicode/bootstrap-datepicker)
- you