提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

[Javascript] Natively Format JavaScript Dates and Times

JavaScript and format
2023-09-14 08:59:13 时间

The ability to natively format dates and times using the browser is impressive. You may find yourself not needed to grab libraries such as moment.js or date-fns when doing simple formatting and better yet, the browser support is surprisingly good!

const date = new Date();

console.log(date.toLocaleDateString());
console.log(date.toLocaleDateString("en-US"));
console.log(date.toLocaleDateString("fr-FR"));
const dateOptions = {
  weekday: "long",
  year: "numeric",
  month: "long",
  day: "numeric"
};
console.log(date.toLocaleDateString("en-US", dateOptions));
console.log(
  date.toLocaleDateString("en-US", {
    month: "short",
    day: "numeric"
  })
);
console.log(
  date.toLocaleDateString("fr-FR", {
    month: "long"
  })
);
console.log(date.toLocaleTimeString());
console.log(date.toLocaleTimeString("en-US"));
console.log(date.toLocaleTimeString("de-DE"));
const timeOptions = {
  hour12: true,
  hour: "numeric",
  minute: "2-digit",
  second: "2-digit",
  timeZone: "America/Los_Angeles"
};
console.log(date.toLocaleTimeString("en-US", timeOptions));
console.log(
  date.toLocaleTimeString("en-US", {
    hour: "numeric",
    minute: "2-digit"
  })
);
console.log(
  date.toLocaleTimeString("en-US", {
    hour12: false
  })
);
console.log(
  date.toLocaleString("en-US", {
    ...dateOptions,
    ...timeOptions
  })
);
const dateTimeFormat = new Intl.DateTimeFormat("en-US", {
  ...dateOptions,
  ...timeOptions
});
console.log(dateTimeFormat.format(date));
const anotherDate = new Date("2000-12-25T12:34:56.789Z");
console.log(dateTimeFormat.format(anotherDate));

 

相关文章