Converti la stringa gg-mm-aaaa fino ad oggi

Sto provando a convertire una stringa nel formato gg-mm-aaaa in un oggetto data in JavaScript usando quanto segue:

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

("#datepicker").val()contiene una data nel formato gg-mm-aaaa. Quando eseguo le seguenti operazioni, ottengo "Data non valida":

alert(f);

È a causa del simbolo '-'? Come posso superare questo?

Dividersi "-"

Analizza la stringa nelle parti necessarie:

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

Usa regex

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

Perché non usare regex?

Perché sai che lavorerai su una stringa composta da tre parti, separate da trattini.

Tuttavia, se stavi cercando quella stessa stringa all'interno di un'altra stringa, regex sarebbe la strada da percorrere.

riutilizzo

Perché lo stai facendo più di una volta nel tuo codice di esempio, e forse altrove nella tua base di codice, avvolgilo in una funzione:

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

Usando come:

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

O se non ti dispiace jQuery nella tua funzione:

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

Usando come:

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

JavaScript moderno

Se sei in grado di utilizzare JS più moderni, la destrutturazione dell'array è anche un bel tocco:

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

esempio di espressione regolare:

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

Un'altra possibilità:

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

Abbina le cifre e riordinale

Utilizzando l' esempio di 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);

Puoi anche scrivere una data tra parentesi Date()dell'oggetto, come queste:

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)

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

Nel mio caso

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

Risultato: lun 02 nov 2015 04:40:13 GMT + 0100 (CET) quindi utilizzo .getTime () per lavorare con millisecondi

La risposta accettata ha un bug

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

Considera se il datepicker contiene "77-78-7980" che ovviamente non è una data valida. Ciò comporterebbe:

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

Che probabilmente non è il risultato desiderato.

Il motivo è spiegato sul sito MDN :

Laddove Date viene chiamato come costruttore con più di un argomento, se i valori sono maggiori del loro intervallo logico (ad es. 13 viene fornito come valore del mese o 70 per il valore dei minuti), il valore adiacente verrà regolato. Ad esempio new Date(2013, 13, 1)è equivalente a new Date(2014, 1, 1).

Un modo migliore per risolvere il 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

Questo ti dà la possibilità di gestire input non validi.

Per esempio:

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
}

Puoi utilizzare una libreria esterna per aiutarti.

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

getDateFromFormat(val,format);

Vedi anche questo: stringa Parse DateTime in JavaScript

Dai un'occhiata a Datejs per tutti quei piccoli problemi relativi alla data. Puoi risolverlo anche con la funzione parseDate

È possibile utilizzare 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();

così semplice, basta passare la data a js Date Object