Converting string to date issue

Question

I want to create a pipe for angular2, and this is the code:

@Pipe({name: 'stringToDate'})
export class StringToDatePipe implements PipeTransform {
    /**
     * Constructor
     */
    constructor() {
    }
    /**
     * Transform a date that is passed as string into a date
     * @param value The date passed as string
     * @returns {Date} The Date object
     */
    transform(value: string): Date {
        console.log(value);
        let d = new Date(value);
        console.log(d);
        return d;
    }
}

I don't know why it is not creating the correct date. This is what console prints:

2016-01-01
Thu Dec 31 2015 21:00:00 GMT-0300

How can I fix it?

Looks like a dup of stackoverflow.com/questions/17545708/… — Günter Zöchbauer
– Günter Zöchbauer, Commented Nov 2, 2016 at 14:36
What happens is, you get a date as a yyyy-mm-dd string, and the new Date(value) converts the date string to a Date object. Then when the Date object is logged to the console, it is formatted in the current time zone. Since the original string did not specify a time zone, the Date() function assumed GMT. So the Date object contains a 2016-01-01 GMT time, and displays it as a GMT-03 time -- is that the time zone of your PC? — Roy Dictus
– Roy Dictus, Commented Nov 2, 2016 at 14:39
Yes it is my PC's time zone. Look at my answer, is it a good approach? — FacundoGFlores
– FacundoGFlores, Commented Nov 2, 2016 at 15:20

FacundoGFlores · Accepted Answer · 2016-11-02 14:35:07Z

3

A possible solution:

@Pipe({name: 'stringToDate'})
export class StringToDatePipe implements PipeTransform {
    /**
     * Constructor
     */
    constructor() {
    }
    /**
     * Transform a date that is passed as string into a date
     * @param value The date passed as string
     * @returns {Date} The Date object
     */
    transform(value: string): Date {
        let reggie = /(\d{4})-(\d{2})-(\d{2})/;
        let dateArray = reggie.exec(value);
        let dateObject = new Date(
            (+dateArray[1]),
            ((+dateArray[2])) - 1, // Careful, month starts at 0!
            (+dateArray[3])
        );
        return dateObject;
    }
}

answered Nov 2, 2016 at 14:35

FacundoGFlores

8,13812 gold badges68 silver badges97 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Converting string to date issue

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related