大佬教程收集整理的这篇文章主要介绍了javascript – 打开HTML5日期选择器,点击图标,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
以下是我的datepicker的HTML代码:
<img src="date.png" alt="Date Picker" id="datepickericon" /> <input name="calendarSELEct{ContactID}" class="timeSELEct" type="date" id="calendar"> <script> document.getElementById("datepickericon").onclick = function(E){ console.log('inside click'); document.getElementById("calendar").style.visibility="visible"; // document.getElementById("calendar").focus(); // You could write code to toggle this }
点击图标,我必须得到如下图所示的打开的日历视图
因此,如果您必须这样做,则HTML5< input type ='date'>标签不是一个选项.您必须使用JavaScript中的内容,例如jQuery UI或Bootstrap日期选择器.
老回答
<img src="date.png" alt="Date Picker" id="datepickericon" /> <input name="calendarSELEct{ContactID}" class="timeSELEct" type="date" id="calendar">
您必须检查图标上的onclick事件并显示或隐藏日历.
document.getElementById("datepickericon").onclick = function(E){ document.getElementById("calendar").focus(); // You could write code to toggle this }
以上是大佬教程为你收集整理的javascript – 打开HTML5日期选择器,点击图标全部内容,希望文章能够帮你解决javascript – 打开HTML5日期选择器,点击图标所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。