New Date() returns invalid date

Question

I'm trying to calculate a difference between 2 days using jQuery. The input fields are the Bootstrap datepicker ones.

When I console.log the field values, they give me a date an in the format dd-mm-yyyy

Code:

console.log($("#actie_begin").val());

Logs:

27/06/2016

However when I try to use a new date() (to do the calculations) on it, the variable becomes 'Invalid date'

Code:

var start_date = new Date($("#actie_begin").val());

Logs:

Invalid Date

How can I solve this?

The logged format is not `dd-mm-yyyy` but `dd/mm/yyyy`. Try to output like `dd-mm-yyyy`. — JazZ, Jun 26 '16 at 14:51

Musa · Accepted Answer · 2017-09-01T04:00:01.427

7

The format you use is not supported by Date.parse.
You could extract the date parts and call the Date(year, month, day) constructor

var starts = $("#actie_begin").val();
var match = /(\d+)\/(\d+)\/(\d+)/.exec(starts)
var start_date = new Date(match[3], match[2], match[1]);

edited Sep 01 '17 at 04:00

answered Jun 26 '16 at 14:58

Musa

yes that was it. I had to change the dating format. thanks to the bootstrap datepicker all I had to do was '"format: 'yyyy-mm-dd'," – Nicolas Jun 26 '16 at 14:59
thanks. it works! on the example above, it should have been starts instead of dates. – Vince Banzon Aug 31 '17 at 07:14
var match = /(\d+)\/(\d+)\/(\d+)/.exec(starts); – Vince Banzon Aug 31 '17 at 07:15

1 Answers1