Reactjs 如何在react中使用momentjs显示时间
我在跑步,而且我能正确地确定日期,但是时间让我难以把握 在构造函数中,我这样设置时间Reactjs 如何在react中使用momentjs显示时间,reactjs,Reactjs,我在跑步,而且我能正确地确定日期,但是时间让我难以把握 在构造函数中,我这样设置时间 constructor(props) { super(props); this.state = { startdate: moment('20180702', 'YYYYMMDD'), starttime: moment('1122', 'HHmm'), }; } } 稍后在我的组件渲染中,我有了(参数在R
constructor(props) {
super(props);
this.state = {
startdate: moment('20180702', 'YYYYMMDD'),
starttime: moment('1122', 'HHmm'),
};
}
}
稍后在我的组件渲染中,我有了(参数在React DatePicker文档中解释)。这对我的问题并不重要,但我还是要分享它。我的问题主要是在我的构造器中的那个时刻:
<DatePicker
customInput={<StartTime />}
popperClassName={classes.datepickerCalendar}
isClearable
selected={this.state.starttime}
onChange={this.handleStartTimeChange}
showTimeSelect
showTimeSelectOnly
timeIntervals={15}
timeFormat="HH:mm"
timeCaption="Time"
/>
日期给了我一个2018年07月020日的输出,但时间也给了我一些随机或奇数的日期,而不是实际时间。更具体地说11:22
我肯定我的时间设置不正确,但我在momentjs文档中找不到一个例子
我如何告诉moment显示时间(即11:22)?请记住,moment.js是一个日期库,因此通过执行
moment('1122','HHmm')
您正在创建一个新的日期,而不是任意的“时间”。由于您没有指定日期、月份或年份(在该特定行上),所以“时刻”假定为今天的日期。因此,此行将显示日期:2018/05/15 11:22
因此,如果您想通过日期2018/07/02 11:22
,您应该执行以下操作:
startdate: moment('20180702 1122', 'YYYYMMDD HHmm')
如果您的时间似乎缩短了几个小时,可能是因为默认情况下,时间将以祖鲁时间(即GMT)打印,这可能与您自己的时区不匹配
演示:
var now=moment('20180702 1122','YYYYMMDD HHmm');
console.log(现在)代码>
可以排除日期吗?我需要在不同的地方传递日期和时间。我把约会部分记下来了