【问题标题】:How to format a date specifically如何专门格式化日期
【发布时间】:2021-08-03 10:08:08
【问题描述】:

"2021-05-12T22:25:37.653Z"

是我当前在选择工作周的小时数时创建的日期对象。你有一个开始时间和一个结束时间。这两个都是从 Mui KeyBoardPicker 组件中选择的。

我需要能够显示当地时间的小时和分钟。似乎这种格式无法识别为日期,因为在我使用此功能之前toLocaleTimeString([],TIME_STRING_FORMAT) 我的时间格式如下。我不确定这个问题是因为时间选择器还是因为我试图格式化日期本身。任何帮助将不胜感激

const TIME_STRING_FORMAT = {
  hour: '2-digit',
  minute: '2-digit'
}

【问题讨论】:

    标签: reactjs datetime datepicker material-ui date-formatting


    【解决方案1】:

    我猜你这次可以用moment.js来格式化。实际上,我在格式化这种 Material-Ui 时间时也遇到了问题。 如果您只需要一小时零一分钟,那么您可以使用moment.js

    moment("2021-05-12T22:25:37.653Z").format('hh:mm')
    

    或全职,从年到分

    moment("2021-05-12T22:25:37.653Z").format('YYYY-MM-DD hh:mm A')
    

    希望这会对您有所帮助。请查看moment.js 的文档,这将帮助您更准确地进行操作。

    【讨论】:

      【解决方案2】:

      阅读MDN,你必须这样做:

      let date = new Date("2021-05-12T22:25:37.653Z");
      console.log(date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }));

      结果就是您需要的格式(2 位数字表示小时和分钟)。

      【讨论】:

        猜你喜欢
        • 2021-10-15
        • 1970-01-01
        • 2019-02-19
        • 2011-10-06
        • 1970-01-01
        • 1970-01-01
        • 2022-01-18
        相关资源
        最近更新 更多