Javascript 打开输入框内的HTML5日期选择器,单击

Javascript 打开输入框内的HTML5日期选择器,单击,javascript,jquery,angular,date,datepicker,Javascript,Jquery,Angular,Date,Datepicker,我正试图用下面的代码在输入文本框中单击打开HTML5日期选择器,但它没有按预期工作 但是,单击日历图标会打开日期选择器(默认情况下)。这是在我的Angular 7应用程序中 小提琴: HTML: 打字稿: 声明var$; openDP(){ $('#datePick')。datepicker('show'); } 我的代码有什么问题吗 日期选择器的参考:尝试输入type=“text”而不是type=“date”,以及焦点事件调用函数“openDP” 注意:您也可以使用angularjs

我正试图用下面的代码在输入文本框中单击打开HTML5日期选择器,但它没有按预期工作

但是,单击日历图标会打开日期选择器(默认情况下)。这是在我的Angular 7应用程序中

小提琴:

HTML:


打字稿:

声明var$;
openDP(){
$('#datePick')。datepicker('show');
}
我的代码有什么问题吗

日期选择器的参考:

尝试输入
type=“text”
而不是
type=“date”
,以及焦点事件调用函数“openDP”


注意:您也可以使用angularjs日期选择器而不是默认的HTML5日期选择器,因为Safari或Internet Explorer 11(或更早版本)不支持
type=“date”

尝试输入
type=“text”
而不是
type=“date”
和焦点事件调用函数“openDP”



注意:您也可以使用angularjs日期选择器而不是默认的HTML5日期选择器,因为Safari或Internet Explorer 11(或更早版本)不支持
type=“date”

这对我来说很好。@Alwayshepping请检查我在您的JSFIDLE中创建的@forgotly,当我点击输入框或图标时,只会弹出警报,不会打开任何日期选择器?这是你的问题吗?否则呢?是的。。您可以删除警报功能,然后尝试在文本框内单击,该文本框将打开日期选择器。但它不会打开。@Forgotofly这是否解决了您的问题对我来说很好。@始终搁置请检查我在您的JSFIDLE中创建的这把小提琴@Forgotofly,当我单击输入框或图标时,只会弹出警报,没有打开任何日期选择器?这是你的问题吗?否则呢?是的。。您可以删除警报功能并尝试在文本框内单击,该文本框将打开日期选择器。但它不会打开。@forgotoffly这是否解决了您的问题实际上我想使用input type=“date”作为UX团队定义的日期实际上我想使用input type=“date”作为UX团队定义的日期