Convierta la cadena dd-mm-aaaa a la fecha

Estoy tratando de convertir una cadena en el formato dd-mm-aaaa en un objeto de fecha en JavaScript usando lo siguiente:

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

("#datepicker").val()contiene una fecha en el formato dd-mm-aaaa. Cuando hago lo siguiente, aparece la "Fecha inválida":

alert(f);

¿Esto se debe al símbolo '-'? ¿Cómo puedo superar esto?

Dividido en "-"

Analiza la cuerda en las partes que necesitas:

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

Usar expresiones regulares

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

¿Por qué no usar regex?

Porque sabes que trabajarás en una cadena compuesta de tres partes, separadas por guiones.

Sin embargo, si estaba buscando esa misma cadena dentro de otra cadena, la expresión regular sería el camino a seguir.

Reutilizar

Debido a que está haciendo esto más de una vez en su código de muestra, y tal vez en otra parte de su base de código, envuélvalo en una función:

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

Utilizando como:

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

O si no te importa jQuery en tu función:

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

Utilizando como:

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

JavaScript moderno

Si puede utilizar JS más modernos, la desestructuración de matrices también es un buen toque:

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

ejemplo de expresión regular:

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

Otra posibilidad:

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

Une los dígitos y reordenarlos

Usando el ejemplo moment.js :

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);

También puede escribir una fecha dentro de los paréntesis del Date()objeto, como estos:

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

En mi caso

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

Resultado: Lun Nov 02 2015 04:40:13 GMT + 0100 (CET) luego uso .getTime () para trabajar con milisegundos

La respuesta aceptada tiene un error

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

Considere si el selector de fecha contiene "77-78-7980" que obviamente no es una fecha válida. Esto resultaría en:

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

Lo cual probablemente no sea el resultado deseado.

La razón de esto se explica en el sitio de MDN :

Cuando se llama a Date como un constructor con más de un argumento, si los valores son mayores que su rango lógico (por ejemplo, 13 se proporciona como el valor del mes o 70 para el valor de los minutos), el valor adyacente se ajustará. Por ejemplo, new Date(2013, 13, 1)es equivalente a new Date(2014, 1, 1).

Una mejor manera de resolver el problema es:

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

Esto le brinda la posibilidad de manejar entradas no válidas.

Por ejemplo:

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
}

Puedes usar una biblioteca externa para ayudarte.

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

getDateFromFormat(val,format);

También vea esto: Parse cadena de fecha y hora en JavaScript

Eche un vistazo a Datejs para todos esos problemas relacionados con fechas pequeñas. También podría resolver esto mediante la función parseDate

Podrías usar un 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();

así de simple, simplemente pase su fecha a js Date Object