Ubah string dd-mm-yyyy menjadi tanggal

saya mencoba untuk mengubah string dalam format dd-mm-yyyy menjadi objek tanggal dalam JavaScript menggunakan yang berikut ini:

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

("#datepicker").val()berisi tanggal dalam format hh-bb-tttt. Ketika saya melakukan hal berikut, saya mendapatkan "Tanggal Tidak Valid":

alert(f);

Apakah ini karena simbol '-'? Bagaimana saya bisa mengatasi ini?

Pisahkan pada "-"

Pisahkan string ke bagian yang Anda butuhkan:

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

Gunakan regex

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

Mengapa tidak menggunakan regex?

Karena Anda tahu Anda akan mengerjakan string yang terdiri dari tiga bagian, dipisahkan oleh tanda hubung.

Namun, jika Anda mencari string yang sama di dalam string lain, regex akan menjadi cara untuk melakukannya.

Penggunaan kembali

Karena Anda melakukan ini lebih dari sekali dalam kode sampel Anda, dan mungkin di tempat lain dalam basis kode Anda, bungkus dalam sebuah fungsi:

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

Menggunakan sebagai:

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

Atau jika Anda tidak keberatan jQuery dalam fungsi Anda:

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

Menggunakan sebagai:

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

JavaScript modern

Jika Anda dapat menggunakan JS yang lebih modern, perusakan array juga merupakan sentuhan yang bagus:

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

contoh ekspresi reguler:

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

Kemungkinan lain:

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

Sesuaikan angka dan atur ulang angka-angka itu

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

Anda juga dapat menulis tanggal di dalam tanda kurung Date()objek, seperti ini:

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)

Gunakan format ini: myDate = new Date('2011-01-03'); // Mon Jan 03 2011 00:00:00

Dalam kasus saya

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

Hasil: Sen Nov 02 2015 04:40:13 GMT + 0100 (CET) maka saya menggunakan .getTime () untuk bekerja dengan milidetik

Jawaban yang diterima agak memiliki bug

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

Pertimbangkan apakah datepicker berisi "77-78-7980" yang jelas bukan tanggal yang valid. Ini akan menghasilkan:

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

Yang mungkin bukan hasil yang diinginkan.

Alasan untuk ini dijelaskan di situs MDN :

Di mana Date disebut sebagai konstruktor dengan lebih dari satu argumen, jika nilainya lebih besar dari rentang logisnya (misal 13 disediakan sebagai nilai bulan atau 70 untuk nilai menit), nilai yang berdekatan akan disesuaikan. Misalnya new Date(2013, 13, 1)setara dengan new Date(2014, 1, 1).

Cara yang lebih baik untuk menyelesaikan masalah adalah:

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

Ini memberi Anda kemungkinan untuk menangani input yang tidak valid.

Sebagai contoh:

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
}

Anda dapat menggunakan perpustakaan eksternal untuk membantu Anda.

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

getDateFromFormat(val,format);

Lihat juga ini: Mengurai string DateTime dalam JavaScript

Lihatlah Datejs untuk semua masalah terkait tanggal kecil itu .. Anda juga bisa menyelesaikannya dengan fungsi parseDate

Anda bisa menggunakan 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();

sesederhana itu, cukup kirimkan tanggal Anda ke js Obyek Tanggal