Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何在react中使用momentjs显示时间_Reactjs - Fatal编程技术网

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(现在)

可以排除日期吗?我需要在不同的地方传递日期和时间。我把约会部分记下来了