使用Javascript进行时间输入触发器编辑

我正在处理一个类型为“time”的HTML5输入。堆栈是基于功能的，旨在使用Apache Cordova/Phone Gap部署到移动设备

我的目标：从javascript触发移动设备上时间输入的编辑微调器：

再一次：我希望该微调器在用户不点击输入的情况下显示

那么，我试过什么

对该输入使用

React.mutableReObject

：

const timePickerRef = useRef<HTMLInputElement | null>(null) 

const timePickerRef=useRef（空）

然后，在后面的代码中：

timePickerRef.current？。单击（）

不执行任何操作

timePickerRef.current？.dispatchEvent（新事件（“输入”））

不执行任何操作

timePickerRef.current？.dispatchEvent（新事件（“更改”））

不执行任何操作

我已经确保我的ref存在，并且我的断点正在被命中，等等。我甚至可以在控制台中暂停并尝试手动触发事件……什么都不做

根据MSDN文档：只有

输入

和

更改

事件可用。因为普通的

点击没有任何作用，我真的很困惑我怎么能做到这一点。（我也试过聚焦）

为什么要麻烦？我们不喜欢这种样式，希望有自己的样式化时间输入来触发移动设备的本机时间选择器。我们的计划是有一个不可见的时间输入，并从另一个事件触发编辑…我们只是不喜欢Safari或Chrome接管时的样子…但我不能这样做，除非我能从javascript触发微调器

        <input
          ref={timePickerRef}
          type={"time"}
        />