Javascript 在Firefox和Edge上隐藏默认日期输入菜单

我正在使用I

开发一个带有Vuejs的自定义日期选择器组件。我想使用自定义日期选择器菜单，因此我必须隐藏或禁用默认菜单，例如：

---

如何使用CSS或JS实现这一点？

我没有找到在每个浏览器中隐藏默认选择器的方法，尤其是对于Edge（而不是基于chromium的版本），似乎没有办法隐藏它

为了隐藏Chrome和Firefox上的选择器，我只需覆盖输入的

onclick

方法：

onClick（e）{
e、 preventDefault（）//防止显示默认选择器
showPicker（this）//显示自定义选择器
}

如果用户正在使用Edge，我只需禁用自定义选择器并使用默认选择器。我曾检测当前浏览器：

const Bowser=require（“Bowser”）；
const browser=Bowser.getParser（window.navigator.userAgent）；
const isEdge=browser.confirates（{'microsoft edge'：'>0'}）；

您是指默认值为2018年7月5日否，我是指带有日历的对话框。我已经实现了我的自定义对话框，我只需要隐藏默认对话框。如果你已经解决了我的问题，请分享你的发现