Computer >> Máy Tính >  >> Lập trình >> Javascript

Sự khác biệt giữa hai thời điểm sử dụng thư viện JavaScript Dayjs?

Giả sử sau đây là dữ liệu thời gian của chúng tôi -

var startHour = dayjs().hour(10)
var endHour = dayjs().hour(22)

Để nhận được sự khác biệt, hãy sử dụng phương thức diff () -

Ví dụ

Sau đây là mã -

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
</head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.8.20/dayjs.min.js"></script>
<script>
   var startHour = dayjs().hour(10)
   var endHour = dayjs().hour(22)
   console.log("The hours difference is=" + endHour.diff(startHour, "hours"));
</script>
</html>

Để chạy chương trình trên, hãy lưu tên tệp anyName.html (index.html). Nhấp chuột phải vào tệp và chọn tùy chọn “Mở bằng máy chủ trực tiếp” trong trình chỉnh sửa Mã VS -

Đầu ra

Kết quả như sau -

Sự khác biệt giữa hai thời điểm sử dụng thư viện JavaScript Dayjs?