时间戳

首页 > 解决方案 > reactjs datepicker日期格式

reactjs - reactjs datepicker日期格式

问题描述

ReactJS 的初学者，我现在使用很棒的 ReactJS Datepicker。关于我的自定义日期格式的问题：

  1. 我发现没有文档来解释所有的可能性，比如 M 是月份，MM 是 2 个字母的月份，等等。（我应该看看 github 代码吗？哪个来源？）
  2. 如何添加一天的名称......比如星期六。我试过 dddd 但它显示了当天的数字，前面有 2 前导 0 ！
  3. 如何排除非办公时间（如 0 到 8 和 20 到 23 小时），我尝试了下面的 excludesTimes 但没有办法。

这是我的代码：

<DatePicker
    selected={this.state.startDate}
    onChange={this.handleChange}
    locale={fr}
    showTimeSelect
    timeFormat="HH:mm"
    timeIntervals={60}
    dateFormat="dddd, DDD, ddd, d, dd MMMM yyyy à HH'h'mm"
    timeCaption="Heure"
    minDate={new Date()}
    showDisabledMonthNavigation
    placeholderText="Choisir ici ..."
    excludeTimes={[0, 1, 2, 3, 4]}
/>

输入字段中显示的日期为：

0023, 082, 023, 23, 23 mars 2019 à 20h00

谢谢

标签： reactjsdatedatepicker

解决方案

React datepicker 使用Moment.js作为日期，我认为你应该查看他网站上的文档。

例如MMMM Do YYYY, h:mm:ss a，应返回格式为 的日期 March 21st 2019, 8:50:37 am。

编辑

我去了回购，似乎作者从包中删除了时刻，所以我尝试了这里找到的格式化日期指南，它现在似乎正在工作！例如，如果您想要一周中的哪一天，请使用“eeee”。

我在codesandbox做了一个工作示例。

推荐阅读