如何设置蚂蚁时间选择器的日期

时间:2020-02-26 08:45:52

标签: javascript reactjs momentjs

enter image description here

我使用的是“ Ant”的一个日期选择器和两个时间选择器 (https://ant.design/components/time-picker/

我想将日期选择器的日期设置为时间选择器。

如图所示,如果我将datepicker设置为2020-02-26,则将开始时间选择器设置为00:00:00, 结束时间选择器为16:58:14,

时间选择器应该是从2020-02-26 00:00:00到2020-02-26 16:58:14。

 <DatePicker
      onChange={onDayChange}
      size="small"
      value={dayValue}
    />
    <TimePicker
      defaultOpenValue={moment('00:00', 'HH:mm')}
      onChange={onStartChange}
      onOpenChange={handleStartOpenChange}
      placeholder="from"
      size="small"
      value={startValue}
    />
    <TimePicker
      defaultOpenValue={moment('00:00', 'HH:mm')}
      onChange={onEndChange}
      onOpenChange={handleEndOpenChange}
      open={endOpen}
      placeholder="to"
      size="small"
      value={endValue}
    />

,它们将在弹性搜索查询中使用,如下所示(gte,lte): 现在,它不起作用... 您能帮我设置gte和lte吗?

const getDocuments = async () => {
// get all documnets
try {
  if (value) {
    const response = await client.search({
      index: value,
      body: {
        query: {
          range: {
            _time: {
              gte: startValue.set(dayValue.toObject()).format(),
              lte: endValue.set(dayValue.toObject()).format(),
            },
          },
        },
      },
    });
    console.log('documents', response.hits.hits);
    setDocuments(response.hits.hits);
  }
} catch (error) {
  console.trace(error.message);
}

};

0 个答案:

没有答案