Ng2EonasdanDatetimepickerV16

ng2-eonasdan-datetimepicker for Angular 16

This library was generated with Angular CLI version 16.2.0.

- A wrapper directive around the bootstrap-datetimepicker component.
- It is a continuation of angular-eonasdan-datetimepicker.
- It works with angular 16 and next

Having problems using the wrapper?

Please, post an issue on GitHub and provide a plunker with your question.

Installation

1. Install the directive via bower or npm (or download it manually, as you prefer)

``javascript
npm install ng2-eonasdan-datetimepicker-v16 --save
`

2. Include dependent libraries in your application:

- jquery.js,
- bootstrap (.js & .css),
- eonasdan bootsrap datetimepicker (.js & .css),
- moment.js.

#### Angular cli:

Example configuration for angular-cli in .angular-cli.json file

`json
"styles": [
"styles.css",
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"node_modules/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css"
],
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js",
"node_modules/moment/min/moment.min.js",
"node_modules/eonasdan-bootstrap-datetimepicker/src/js/bootstrap-datetimepicker.js"
],
`

3. Add the A2Edatetimepicker module import in your module.:

`javascript
import {A2Edatetimepicker} from 'ng2-eonasdan-datetimepicker';
import {FormsModule} from '@angular/forms';

@NgModule({
imports: [
...
FormsMoudle,
A2Edatetimepicker,
...
]
})
export class SomeModule {}
`

4. Start using!

Examples

- Live demo

Directive usage

Add a2e-datetimepicker tag and add the date attribute.

Currently the a2e-datetimepicker tag can be added on either input-group or the input element.

Option #1

`html


`html


In both cases the directive will work exactly the same. Also triggering the callendar with the icon in span will work in both cases.
This comes from angular1 version and may be deleted in the future.

Parameters

$3

With options attribute you can pass an object containing all the required configuration for your datetimepicker.
All the options available in the original library are supported. Check the list of options on official website: http://eonasdan.github.io/bootstrap-datetimepicker/Options/

`javascript
options = {
format: "DD.MM.YYYY",
maxDate: dateTo,
};
`

$3

An EventEmitter` which gives you information whenever you open or close the datetimepicker.

License

1