Phương pháp 1. Định dạng Ngày là YYYY-MM-DD Sử dụng Nối các Phương thức getFullYear[], getMonth[] và getDate[]
Để chuyển đổi ngày sang định dạng ISO YYYY-MM-DD, hãy sử dụng các phương thức “getFullYear[]”, “getMonth[]” và “getDate[]” của đối tượng Date. Các phương thức này lấy tháng, năm và ngày của ngày đã cho tương ứng
Trong các ví dụ sắp tới, chúng tôi sẽ cho bạn thấy nó hoạt động như thế nào và chúng tôi có thể làm gì đối với tháng và ngày có 2 chữ số
cú pháp
Cú pháp sau đây được sử dụng cho các phương thức getFullYear[], getMonth[] và getDate[]
ngày. getFullYear[]
ngày. getMonth[] + 1 .
date.getDay[]
Trong cú pháp trên
- Phương thức “getFullYear[]” đưa ra năm có 4 chữ số của ngày được chỉ định
- Phương thức “getMonth[]” xuất ra tháng từ 0 đến 11 của ngày
- Phương thức “getDay[]” trả về một ngày trong tuần
ví dụ 1. Định dạng một ngày bằng cách ghép các phương thức getFullYear[], getMonth[] và getDate[]
Tạo một đối tượng Ngày mới bằng cách chuyển một ngày cụ thể ở định dạng ngày ngắn làm tham số sẽ được định dạng
var ngày = mới Ngày["8 Sep 2000"];
Lấy năm, tháng và ngày từ ngày đã cho bằng cách sử dụng các phương thức JavaScript getFullYear[], getMonth[] và getDate[]
var dateFormat = ngày. getFullYear[] + " . + [date.getMonth[]+1 . ] + "-" + date.getDate[]
Cuối cùng, in ngày kết quả trên bàn điều khiển
bảng điều khiển. log[ Định dạng ngày tháng ];
Đầu ra cho thấy nó không ở định dạng phù hợp vì tháng và ngày không ở định dạng 2 chữ số
Hãy xem cách lấy tháng và ngày ở định dạng 2 chữ số
ví dụ 2. Định dạng một ngày bằng cách sử dụng phép nối các phương thức getFullYear[], getMonth[] và getDate[] ở định dạng YYYY-MM-DD
Ở đây, chúng tôi sẽ sử dụng tất cả các phương thức JavaScript getFullYear[], getMonth[] và getDate[] và đặt phần bổ sung 0 làm tiền tố nếu tháng và ngày nhỏ hơn 10
var dateFormat = ngày. getFullYear[] + " . +[[date.getMonth[]+1 . ].độ dài . = 2 ? "0" + [date.getMonth[] + 1 . ] : [ ngày. getMonth[]+1 . ]] + "-" + [date.getDate[] . độ dài . = 2 ?"0" + date.getDate[] . ngày. getDate[]];
Cuối cùng, in ngày kết quả trên bảng điều khiển bằng cách sử dụng “bảng điều khiển. phương thức log[]”
bảng điều khiển. log[ Định dạng ngày tháng ];
đầu ra
Hãy thử một phương pháp khác để định dạng ngày theo định dạng YYYY-MM-DD
Phương pháp 2. Định dạng Ngày là YYYY-MM-DD Sử dụng Phương thức toLocaleDateString[]
Sử dụng phương thức “toLocaleDateString[]” để chuyển đổi ngày sang định dạng YYYY-MM-DD. Nó cung cấp một chuỗi biểu diễn ngày nhạy cảm với ngôn ngữ làm đầu ra. Trong phương pháp này, hãy đặt tham số “tùy chọn” thành “2 chữ số“, sẽ trả về tháng và ngày ở dạng 2 chữ số nếu giá trị nhỏ hơn 10
cú pháp
Thực hiện theo cú pháp đã cho để sử dụng phương thức toLocaleDateString[]
toLocaleDateString [ địa phương , options]
Trong cú pháp trên
- “locales” là một chuỗi
- “options” là một đối tượng điều chỉnh định dạng đầu ra
Ví dụ
Gọi phương thức “toLocaleDateString[]” và lấy năm từ ngày đã cho và lưu trữ nó trong một biến “getYear”
var getYear = ngày. toLocaleString["mặc định", { year: "số" }];
Tương tự, lấy tháng và ngày kể từ ngày bằng cách sử dụng phương thức “toLocaleDateString[]” và lưu trữ chúng trong các biến tương ứng
var getMonth = ngày. toLocaleString["mặc định", { month: "2 chữ số" }];
var getDay = date.toLocaleString["default", { day: "2 chữ số" }];
Bây giờ, hãy đặt ngày ở định dạng cụ thể bằng cách truy cập các biến lưu trữ năm, tháng và ngày ở định dạng đã chỉ định
var dateFormat = getYear + "-" + getMonth + "-" + getDay;
In ngày kết quả trên bàn điều khiển
bảng điều khiển. log[ Định dạng ngày tháng ];
Đầu ra cho thấy ngày được chuyển đổi thành công thành định dạng YYYY-MM-DD
Chúng tôi đã cung cấp tất cả các giải pháp tốt nhất có thể để định dạng Ngày theo dạng YYYY-MM-DD trong JavaScript
Phần kết luận
Để đặt định dạng của một ngày là YYYY-MM-DD trong JavaScript, hãy sử dụng phương thức “toLocaleDateString[]” hoặc nối các phương thức “getFullYear[]”, “getMonth[]” và “getDate[]”. Trong phương thức toLocaleDateString[], hãy đặt tham số “tùy chọn” thành số “2 chữ số” cho tháng và ngày trong khi, ở cách tiếp cận thứ hai, nối số 0 đứng đầu vào giá trị kết quả nếu nó nhỏ hơn 10. Hướng dẫn này trình bày các phương pháp để đặt ngày ở định dạng YYYY-MM-DD