@danielmoncada/angular-datetime-picker-moment-adapter

Angular Date Time Picker (MomentJs Adpater)

Usage no npm install needed!

<script type="module">
  import danielmoncadaAngularDatetimePickerMomentAdapter from 'https://cdn.skypack.dev/@danielmoncada/angular-datetime-picker-moment-adapter';
</script>

README

Angular Date Time Picker (MomentJs Adapter)

npm npm

Angular date time picker - MomentJs Adpater

This package supports Angular 9+ / Angular 10 / Angular 11 / Angular 12 / Angular 13

Description

This is a MomentJs adapter to be used with the following date time picker control:

https://github.com/danielmoncada/date-time-picker

How to Use

  1. Install with npm:npm install @danielmoncada/angular-datetime-picker-moment-adapter --save
  2. import { NgModule } from '@angular/core';
import { OwlDateTimeModule, OWL_DATE_TIME_FORMATS} from '@danielmoncada/angular-datetime-picker;
import { OwlMomentDateTimeModule } from '@danielmoncada/angular-datetime-picker-moment-adapter';

// See the Moment.js docs for the meaning of these formats:
// https://momentjs.com/docs/#/displaying/format/
export const MY_MOMENT_FORMATS = {
    parseInput: 'l LT',
    fullPickerInput: 'l LT',
    datePickerInput: 'l',
    timePickerInput: 'LT',
    monthYearLabel: 'MMM YYYY',
    dateA11yLabel: 'LL',
    monthYearA11yLabel: 'MMMM YYYY',
};

@NgModule({
    imports: [OwlDateTimeModule, OwlMomentDateTimeModule],
    providers: [
        {provide: OWL_DATE_TIME_FORMATS, useValue: MY_MOMENT_FORMATS},
    ],
})
export class AppExampleModule {
}

Dependencies

  • moment
  • @danielmoncada/angular-datetime-picker
  • tslib

Demo

License

  • License: MIT

Author

Maintained and updated by Daniel Moncada, original implementatiom by Daniel Pan