[Javascript] Natively Format JavaScript Dates and Times

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

 

上一篇:液体屋顶纸盒的全球与中国市场2022-2028年:技术、参与者、趋势、市场规模及占有率研究报告


下一篇:【历史上的今天】2 月 11 日:首款 Ubuntu 手机问世;苹果的天使投资人诞生;电子工业联盟正式停运