rajan471/ngx-date-time-picker

Angular 4,5,6 compatible Date time picker

ngx-date-time-picker

Angular 5 Date-time picker

New

*bug fixes

Installation

npm install ngx-date-time-picker --save

Dependencies

• Moment.js
• FormsModule

Plugin Usage

You can use this in the following manner.

1. Import the package Module as

import { NgxDateTimePickerModule } from  'ngx-date-time-picker';

Then in component file use the date-time-picker as follows:

<ngx-date-time-picker [selectedDateTime]="date" (getData)="getStartDate($event)" [options]="{timePicker: false}" [dateTimeFormat]="'MM/DD/YYYY'"></ngx-date-time-picker>

• You can now define dateTimeFormat

[selectedDateTime] takes input date defined in the component.ts file as:

date: string;

constructor(){
    this.date = moment().format('DD/MM/YYYY'); //for date-picker
    // this.date = moment().format('hh:mmA');  //for time-picker
}

(getData) will provide the formatted date as $event.

Plugin options

Right now there are only two options to the plugin:

Default options

this.options = {
    datePicker: true,
    timePicker: true
}

If you need datePicker only then pass timePicker: false or vice-versa.

I will soon be updating the plugin with more options.

ngx-date-time-picker's Issues

TS2451: Cannot redeclare block-scoped variable 'ngDevMode'

Hello,

This morning I did the update to angular 6, and I get this issue when I'm doing a npm start
node_modules/ngx-date-time-picker/node_modules/@angular/core/src/render3/ng_dev_mode.d.ts(9,11): error TS2451: Cannot redeclare block-scoped variable 'ngDevMode'.

Do you an idea about what is going on?

Thanks for your help
Damien