Konwertuj ciąg dd-mm-rrrr na datę

Usiłuję przekonwertować ciąg w formacie dd-mm-rrrr na obiekt daty w JavaScript za pomocą:

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

("#datepicker").val()zawiera datę w formacie dd-mm-rrrr. Gdy wykonam następujące czynności, pojawia się komunikat „Nieprawidłowa data”:

alert(f);

Czy to z powodu symbolu „-”? Jak mogę to przezwyciężyć?

Podzielone na "-"

Parsuj ciąg w potrzebne części:

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

Użyj wyrażenia regularnego

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

Dlaczego nie użyć wyrażenia regularnego?

Ponieważ wiesz, że będziesz pracował na sznurku złożonym z trzech części, oddzielonych łącznikami.

Jeśli jednak szukałeś tego samego ciągu w innym ciągu, regex byłby dobrym rozwiązaniem.

Ponowne użycie

Ponieważ robisz to więcej niż raz w przykładowym kodzie, a może gdzie indziej w bazie kodu, zawiń go w funkcji:

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

Używając jako:

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

Lub jeśli nie masz nic przeciwko jQuery w swojej funkcji:

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

Używając jako:

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

Nowoczesny JavaScript

Jeśli jesteś w stanie użyć bardziej nowoczesnego JS, restrukturyzacja tablicy jest również miłym akcentem:

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

przykład wyrażenia regularnego:

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

Inna możliwość:

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

Dopasuj cyfry i zmień ich kolejność

Korzystając z przykładu 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);

Możesz także wpisać datę w nawiasach Date()obiektu, na przykład:

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)

Użyj tego formatu: myDate = new Date('2011-01-03'); // Mon Jan 03 2011 00:00:00

W moim przypadku

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

Wynik: Pon Lis 02 2015 04:40:13 GMT + 0100 (CET), a następnie używam .getTime () do pracy z milisekundami

Przyjęta odpowiedź ma błąd

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

Zastanów się, czy datepicker zawiera „77-78-7980”, co oczywiście nie jest prawidłową datą. Spowodowałoby to:

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

Co prawdopodobnie nie jest pożądanym rezultatem.

Przyczynę tego wyjaśniono na stronie MDN :

Jeśli data jest wywoływana jako konstruktor z więcej niż jednym argumentem, jeśli wartości są większe niż ich zakres logiczny (np. 13 jest podana jako wartość miesiąca lub 70 dla wartości minutowej), sąsiednia wartość zostanie dostosowana. Np. new Date(2013, 13, 1)Jest równoważne z new Date(2014, 1, 1).

Lepszym sposobem rozwiązania problemu jest:

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

Daje to możliwość obsługi nieprawidłowych danych wejściowych.

Na przykład:

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
}

Możesz skorzystać z zewnętrznej biblioteki, aby ci pomóc.

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

getDateFromFormat(val,format);

Zobacz także: Przetwarzanie ciągu DateTime w JavaScript

Spójrz na Datejs dla wszystkich tych drobnych problemów związanych z datą. Możesz to rozwiązać również przez funkcję parseDate

Możesz użyć 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();

proste, po prostu podaj swoją datę do js Date Object