Chuyển đổi chuỗi dd-mm-yyyy thành ngày

tôi đang cố gắng chuyển đổi một chuỗi theo định dạng dd-mm-yyyy thành một đối tượng ngày trong JavaScript bằng cách sử dụng như sau:

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

("#datepicker").val()chứa một ngày ở định dạng dd-mm-yyyy. Khi tôi làm như sau, tôi nhận được "Ngày không hợp lệ":

alert(f);

Đây có phải là do biểu tượng '-'? Làm thế nào tôi có thể vượt qua điều này?

Tách ra "-"

Phân tích chuỗi thành các phần bạn cần:

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

Sử dụng regex

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

Tại sao không sử dụng regex?

Bởi vì bạn biết bạn sẽ làm việc trên một chuỗi gồm ba phần, được phân tách bằng dấu gạch nối.

Tuy nhiên, nếu bạn đang tìm kiếm cùng một chuỗi trong một chuỗi khác, regex sẽ là cách tốt nhất.

Tái sử dụng

Bởi vì bạn đang làm điều này nhiều hơn một lần trong mã mẫu của bạn và có thể ở nơi khác trong cơ sở mã của bạn, hãy gói nó trong một hàm:

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

Sử dụng như:

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

Hoặc nếu bạn không nhớ jQuery trong chức năng của mình:

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

Sử dụng như:

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

JavaScript hiện đại

Nếu bạn có thể sử dụng JS hiện đại hơn, thì việc phá hủy mảng cũng là một điểm tuyệt vời:

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

ví dụ biểu thức chính quy:

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

Khả năng khác:

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

Nối các chữ số và sắp xếp lại chúng

Sử dụng ví dụ 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);

Bạn cũng có thể viết một ngày bên trong dấu ngoặc đơn của Date()đối tượng, như sau:

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)

Sử dụng định dạng này: myDate = new Date('2011-01-03'); // Mon Jan 03 2011 00:00:00

Trong trường hợp của tôi

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

Kết quả: Thứ hai ngày 02 tháng 11 năm 2015 04:40:13 GMT + 0100 (CET) sau đó tôi sử dụng .getTime () để làm việc với mili giây

Câu trả lời được chấp nhận có một lỗi

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

Xem xét nếu công cụ hẹn hò có chứa "77-78-7980" rõ ràng không phải là ngày hợp lệ. Điều này sẽ dẫn đến:

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

Mà có lẽ không phải là kết quả mong muốn.

Lý do cho điều này được giải thích trên trang MDN :

Trong đó Date được gọi là hàm tạo có nhiều hơn một đối số, nếu các giá trị lớn hơn phạm vi logic của chúng (ví dụ 13 được cung cấp dưới dạng giá trị tháng hoặc 70 cho giá trị phút), giá trị liền kề sẽ được điều chỉnh. Ví dụ như new Date(2013, 13, 1)tương đương với new Date(2014, 1, 1).

Một cách tốt hơn để giải quyết vấn đề là:

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

Điều này cung cấp cho bạn khả năng xử lý đầu vào không hợp lệ.

Ví dụ:

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
}

Bạn có thể sử dụng một thư viện bên ngoài để giúp bạn ra ngoài.

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

getDateFromFormat(val,format);

Cũng xem điều này: Phân tích chuỗi DateTime trong JavaScript

Hãy xem Datejs cho tất cả các vấn đề liên quan đến ngày nhỏ .. Bạn cũng có thể giải quyết vấn đề này bằng hàm parseDate

Bạn có thể sử dụng Regapi.

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

đơn giản như vậy, chỉ cần chuyển ngày của bạn đến js Date Object