相关疑难解决方法(0)

<input type="date">当浏览器不支持该字段时,我使用优雅地回退到jQuery的字段.最近,Chrome开始提供原生日期选择器,这很棒.但是我发现许多用户错过了调出日历的小箭头,因此错过了日期选择的简单日历这一事实.

为了使这更直观,如果我可以在用户将焦点移动到输入或单击另一个元素(如小日历图标)时调出本机日期选择器UI,那就太棒了.

我可以在Chrome中使用哪种方法来触发datepicker UI吗？

我正在研究HTML 中的时间输入类型，我的问题是，当我单击输入右侧的 小时钟图标时，会查看可选择的时间菜单，但当我单击输入上的任意位置时，我需要显示它。

我发现了这个问题，但这并不能解决我的问题，因为它与 Timepacker 有关，而不仅仅是 HTML。

单击整个输入类型时间 HTML5 字段不仅在小时钟图标上显示时间选择器

HTML：

  <label for="first" class="">{{__('From Hour')}}</label>
   <input type="time" class="form-control input-md"name="" id="from_hour" value="">

当我单击某些文本或图像时，我想弹出一个日期选择器。我正在使用 reactjs。我使用的是 HTMLinput type="date"而不是 React-datepicker 库。

这是我的代码：

    import { useRef } from "react";
    const add = () => {
      const interviewDateRef = useRef();
      const handleInterviewDateClick = () => {
        interviewDateRef.current.focus();
      };
    
      return (
        <>
          <button onClick={handleInterviewDateClick}>Change Date</button>
          <input type="date" ref={interviewDateRef} className="hidden" />
        </>
      );
    };
    export default add;

这是代码和框。

我希望日期选择器能够正常工作，而且在单击文本或图像时也能出现。我怎样才能做到这一点？

谢谢你。

type=date的默认 HTML 输入（下面的代码）将显示日期选择器输入。

<label for="session-date">Start date:</label>

<input type="date" id="session-date" name="session-date">