zoukankan      html  css  js  c++  java
  • [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));
  • 相关阅读:
    冒泡 选择 二分法 算法 排序算法
    VUE -->html
    tlplayer for wince 版本正式商用
    XBMC 最新版本错误
    libvlc 双击,鼠标事件消息响应
    windows平台下VLC2.0.5编译
    Fedora 17下交叉编译vlc-2.0.6-win32小记
    wzplayer for ios 针对(mms)优化版本V1.0
    wzplayer2 for windows ActiveX 试用地址
    wzplayer,tlplayer支持ActiveX
  • 原文地址:https://www.cnblogs.com/Answer1215/p/13443979.html
Copyright © 2011-2022 走看看