javascript - 如何从 react 日期选择器中删除此返回日期中的所有额外数字?

标签 javascript reactjs react-datepicker

我试图只显示月份和日期,但我收到“2019 年 10 月 22 日星期二 00:00:00 GMT-0700(山区标准时间)”。当使用“react-date-picker”时,我怎样才能让它返回 ex:“Tue Oct 22 2019”而不需要 chop 文本?

<DatePicker
  name="date"
  onChange={this.handleDate}
  value={this.state.date}
  format="M-dd"
/>

最佳答案

这就是您要找的 - toLocaleDateString()

const today = new Date();

console.log(today); // "2019-10-17T04:38:49.459Z"

console.log(today.toLocaleDateString("en-US")); // 10/17/2019

` - 返回第二个 (0-59)。

此外,JavaScript Date 有多种方法允许您提取其部分:

getFullYear() - 返回 4 位数年份
getMonth() - 返回一个从零开始的整数 (0-11),表示一年中的月份。
getDate() - 返回月份中的日期 (1-31)。
getDay() - 返回星期几 (0-6)。 0 是星期日,6 是星期六。
getHours() - 返回一天中的小时 (0-23)。
getMinutes() - 返回分钟 (0-59)。`

还有一些,但这些是重要的。

我还可以建议探索 moment.js图书馆。

关于javascript - 如何从 react 日期选择器中删除此返回日期中的所有额外数字?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58424944/

相关文章:

javascript - html5中如何拆分单元格

Javascript 异步事件

javascript - 控制台登录 MongoDB 集合。不明确的

javascript - 为什么三进制 ("0"? "yes": "no") return "yes" in javascript?

javascript - React 中的事件循环是什么?

javascript - 使用 redux devtools(chrome 扩展)配置 redux store

javascript - 平滑向上滑动动画(React Native Animation)

reactjs - React-DatePicker - 格式未定义

reactjs - 'Date | null' 类型的参数不能分配给 'SetStateAction<Date>' 类型的参数

javascript - React onChange 方法不改变对象的状态