我正在使用 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="movingDateTime" class="form-control" data-required="true">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
</div>
</div>
还有这个 javascript 来启用 Bootstrap 日期时间选择器
$('#prefMovingDate').datetimepicker({
format : 'd-M-yyyy H:ii P',
autoclose : true,
});
输出如下
现在当我点击文本框时我看到了这个
这很好,但我想要的是,即使点击小日历图标,日期选择的弹出窗口也应该出现。我尝试了各种方法,但我无法理解它。对此的任何帮助将不胜感激。
最佳答案
尝试在您的日历图标上点击事件并触发焦点输入 #prefMovingDate
:
$('.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 日期时间选择器,单击图像时显示对话框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22472679/