大佬教程收集整理的这篇文章主要介绍了javascript – bootstrap日期时间选择器,单击图像时显示对话框,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我定义了以下html div
<div class="form-group"> <label for="movingDate">Moving Date</label> <div class="input-group date ui-datepicker"> <input type="text" id="prefMovingDate" name="movingdatetiR_714_11845@e" class="form-control" data-required="true"> <span class="input-group-addon"><i class="fa fa-calendar"></i></span> </div> </div>
这个javascript启用bootstrap日期时间选择器
$('#prefMovingDate').datetiR_714_11845@epicker({ format : 'd-M-yyyy H:ii P',autoclose : true,});
输出如下
现在,当我点击文本框时,我看到了这一点
这很好,但我想要的是,即使点击了小日历图标,也会出现日期选择弹出窗口.我尝试了各种方法,但我无法理解它.任何有关这方面的帮助将不胜感激.
$('.input-group').find('.fa-calendar').on('click',function(){ $(this).parent().siblings('#prefMovingDate').trigger('focus'); });
或者如果这个id #prefMovingDate对于页面是唯一的,那么你可以简单地这样做:
$('.input-group').find('.fa-calendar').on('click',function(){ $('#prefMovingDate').trigger('focus'); });
以上是大佬教程为你收集整理的javascript – bootstrap日期时间选择器,单击图像时显示对话框全部内容,希望文章能够帮你解决javascript – bootstrap日期时间选择器,单击图像时显示对话框所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。