Custom page for date format

user_9071245 0
Viewed 226

I am using ng-pick-datetime for date functionalities. Going through the documentation and sample code I found that we can create a custom page for handling date formats. But the documentation sample code is throwing issues. I don't know if it's because I am using Angular 9.

Code

// custom-date-time-adapter.class.ts
import { Injectable } from '@angular/core';
import { DateTimeAdapter } from 'ng-pick-datetime';

export const CUSTOM_DATE_TIME_FORMATS = {
    parseInput: 'your custom value',
    fullPickerInput: 'your custom value',
    datePickerInput: 'your custom value',
    timePickerInput: 'your custom value',
    monthYearLabel: 'your custom value',
    dateA11yLabel: 'your custom value',
    monthYearA11yLabel: 'your custom value',
};

@Injectable()
export class CustomDateTimeAdapter extends DateTimeAdapter<T> {
}

Code taken from NgPickDatetime.

Issue Issue: 1

angular typescript javascript
1 Answers

Class 'CustomDateTimeAdapter' is non Abstract class and it needs to inherit 'DateTimeAdapter' members as a subclass.

The members or methods in 'DateTimeAdapter' marked as abstract, as is the class. You cannot directly instantiate its members or methods directly, because it is abstract. This is part of TypeScript

Add following things in your code

export class CustomDateTimeAdapter extends DateTimeAdapter<any> {   //Use "any" instead of "T" 
    protected locale: any;    
    protected _localeChanges: import("rxjs").Subject<void>;
    localeChanges: import("rxjs").Observable<void>;
    protected millisecondsInDay: 86400000;
    protected milliseondsInMinute: 60000;
    getYear(date: any): number {
        throw new Error("Method not implemented.");
    }
    getMonth(date: any): number {
        throw new Error("Method not implemented.");
    }
    getDay(date: any): number {
        throw new Error("Method not implemented.");
    }
    getDate(date: any): number {
        throw new Error("Method not implemented.");
    }
    getHours(date: any): number {
        throw new Error("Method not implemented.");
    }
    getMinutes(date: any): number {
        throw new Error("Method not implemented.");
    }
    getSeconds(date: any): number {
        throw new Error("Method not implemented.");
    }
    getTime(date: any): number {
        throw new Error("Method not implemented.");
    }
    getNumDaysInMonth(date: any): number {
        throw new Error("Method not implemented.");
    }
    differenceInCalendarDays(dateLeft: any, dateRight: any): number {
        throw new Error("Method not implemented.");
    }
    getYearName(date: any): string {
        throw new Error("Method not implemented.");
    }
    getMonthNames(style: "long" | "short" | "narrow"): string[] {
        throw new Error("Method not implemented.");
    }
    getDayOfWeekNames(style: "long" | "short" | "narrow"): string[] {
        throw new Error("Method not implemented.");
    }
    getDateNames(): string[] {
        throw new Error("Method not implemented.");
    }
    toIso8601(date: any): string {
        throw new Error("Method not implemented.");
    }
    isEqual(dateLeft: any, dateRight: any): boolean {
        throw new Error("Method not implemented.");
    }
    isSameDay(dateLeft: any, dateRight: any): boolean {
        throw new Error("Method not implemented.");
    }
    isValid(date: any): boolean {
        throw new Error("Method not implemented.");
    }
    invalid() {
        throw new Error("Method not implemented.");
    }
    isDateInstance(obj: any): boolean {
        throw new Error("Method not implemented.");
    }
    addCalendarYears(date: any, amount: number) {
        throw new Error("Method not implemented.");
    }
    addCalendarMonths(date: any, amount: number) {
        throw new Error("Method not implemented.");
    }
    addCalendarDays(date: any, amount: number) {
        throw new Error("Method not implemented.");
    }
    setHours(date: any, amount: number) {
        throw new Error("Method not implemented.");
    }
    setMinutes(date: any, amount: number) {
        throw new Error("Method not implemented.");
    }
    setSeconds(date: any, amount: number) {
        throw new Error("Method not implemented.");
    }
    createDate(year: number, month: number, date: number);
    createDate(year: number, month: number, date: number, hours: number, minutes: number, seconds: number);
    createDate(year: any, month: any, date: any, hours?: any, minutes?: any, seconds?: any) {
        throw new Error("Method not implemented.");
    }
    clone(date: any) {
        throw new Error("Method not implemented.");
    }
    now() {
        throw new Error("Method not implemented.");
    }
    format(date: any, displayFormat: any): string {
        throw new Error("Method not implemented.");
    }
    parse(value: any, parseFormat: any) {
        throw new Error("Method not implemented.");
    }
    compare(first: any, second: any): number {
        throw new Error("Method not implemented.");
    }
    compareYear(first: any, second: any): number {
        throw new Error("Method not implemented.");
    }
    deserialize(value: any) {
        throw new Error("Method not implemented.");
    }
    setLocale(locale: any): void {
        throw new Error("Method not implemented.");
    }
    clampDate(date: any, min?: any, max?: any) {
        throw new Error("Method not implemented.");
    }    
}
user_121640170
Related