Converter dd-mm-aaaa em data

Estou tentando converter uma seqüência de caracteres no formato dd-mm-aaaa em um objeto de data no JavaScript usando o seguinte:

 var from = $("#datepicker").val();
 var to = $("#datepickertwo").val();
 var f = new Date(from);
 var t = new Date(to);

("#datepicker").val()contém uma data no formato dd-mm-aaaa. Quando faço o seguinte, recebo "Data inválida":

alert(f);

Isso é devido ao símbolo '-'? Como posso superar isso?

Dividir em "-"

Analise a string nas partes necessárias:

var from = $("#datepicker").val().split("-")
var f = new Date(from[2], from[1] - 1, from[0])

Use regex

var date = new Date("15-05-2018".replace( /(\d{2})-(\d{2})-(\d{4})/, "$2/$1/$3"))

Por que não usar regex?

Porque você sabe que estará trabalhando em uma corda composta de três partes, separadas por hífens.

No entanto, se você estivesse procurando a mesma sequência dentro de outra, o regex seria o caminho a seguir.

Reuso

Como você está fazendo isso mais de uma vez no seu código de exemplo e talvez em outro lugar na sua base de código, envolva-o em uma função:

function toDate(dateStr) {
  var parts = dateStr.split("-")
  return new Date(parts[2], parts[1] - 1, parts[0])
}

Usando como:

var from = $("#datepicker").val()
var to = $("#datepickertwo").val()
var f = toDate(from)
var t = toDate(to)

Ou se você não se importa com o jQuery em sua função:

function toDate(selector) {
  var from = $(selector).val().split("-")
  return new Date(from[2], from[1] - 1, from[0])
}

Usando como:

var f = toDate("#datepicker")
var t = toDate("#datepickertwo")

JavaScript moderno

Se você é capaz de usar JS mais moderno, a destruição de matriz também é um toque agradável:

const toDate = (dateStr) => {
  const [day, month, year] = dateStr.split("-")
  return new Date(year, month - 1, day)
}

exemplo de expressão regular:

new Date( "13-01-2011".replace( /(\d{2})-(\d{2})-(\d{4})/, "$2/$1/$3") );

Outra possibilidade:

var from = "10-11-2011"; 
var numbers = from.match(/\d+/g); 
var date = new Date(numbers[2], numbers[0]-1, numbers[1]);

Combine os dígitos e reordene-os

Usando moment.js exemplo:

var from = '11-04-2017' // OR $("#datepicker").val();
var milliseconds = moment(from, "DD-MM-YYYY").format('x');
var f = new Date(milliseconds)

var from = $("#datepicker").val(); 
var f = $.datepicker.parseDate("d-m-Y", from);

Você também pode escrever uma data entre parênteses do Date()objeto, como estes:

new Date("Month dd, yyyy hh:mm:ss")
new Date("Month dd, yyyy")
new Date(yyyy,mm,dd,hh,mm,ss)
new Date(yyyy,mm,dd)
new Date(milliseconds)

Use este formato: myDate = new Date('2011-01-03'); // Mon Jan 03 2011 00:00:00

No meu caso

new Date("20151102034013".replace(/(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2})/, "$1-$2-$3T$4:$5:$6"))

Resultado: segunda-feira, 02 de novembro de 2015, 04:40:13 GMT + 0100 (CET), então eu uso .getTime () para trabalhar com milissegundos

A resposta aceita meio que tem um bug

var from = $("#datepicker").val().split("-")
var f = new Date(from[2], from[1] - 1, from[0])

Considere se o datepicker contém "77-78-7980", que obviamente não é uma data válida. Isso resultaria em:

var f = new Date(7980, 77, 77);
=> Date 7986-08-15T22:00:00.000Z

O que provavelmente não é o resultado desejado.

A razão para isso é explicada no site MDN :

Onde Date é chamado como construtor com mais de um argumento, se os valores forem maiores que seu intervalo lógico (por exemplo, 13 é fornecido como o valor do mês ou 70 para o valor do minuto), o valor adjacente será ajustado. Por exemplo, new Date(2013, 13, 1)é equivalente a new Date(2014, 1, 1).

Uma maneira melhor de resolver o problema é:

const stringToDate = function(dateString) {
  const [dd, mm, yyyy] = dateString.split("-");
  return new Date(`${yyyy}-${mm}-${dd}`);
};

console.log(stringToDate('04-04-2019'));
// Date 2019-04-04T00:00:00.000Z

console.log(stringToDate('77-78-7980'));
// Invalid Date

Isso lhe dá a possibilidade de lidar com entradas inválidas.

Por exemplo:

const date = stringToDate("77-78-7980");

if (date === "Invalid Date" || isNaN(date)) {
  console.log("It's all gone bad");
} else {
  // Do something with your valid date here
}

Você pode usar uma biblioteca externa para ajudá-lo.

http://www.mattkruse.com/javascript/date/source.html

getDateFromFormat(val,format);

Consulte também: Analisar a string DateTime em JavaScript

Dê uma olhada no Datejs para todos os problemas relacionados à data mesquinha. Você também pode resolver isso pela função parseDate

Você poderia usar um Regexp.

var result = /^(\d{2})-(\d{2})-(\d{4})$/.exec($("#datepicker").val());
if (result) {
    from = new Date(
        parseInt(result[3], 10), 
        parseInt(result[2], 10) - 1, 
        parseInt(result[1], 10)
    );
}

new Date().toLocaleDateString();

simples assim, basta passar sua data para js Date Object