我想用jQuery UI 日期选择器在模态中。真正的问题是,如果我还想显示年份和月份,它会显示空选择:
使用firebug,选项标签似乎位于模态下。
这是我的 HTML:
<div class="modal-dialog">
<div class="modal-content">
<form id="add-form" action="#" method="post">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Add</h4>
</div>
<div class="modal-body">
<div class="input-group">
<div class="input-group">
<label for="date">Date</label>
<input type="text" id="date" name="date" class="form-control datepicker"/>
</div>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-default" data-dismiss="modal">Chiudi</button>
<button type="submit" class="btn btn-primary">Salva</button>
</div>
</form>
</div>
</div>
JavaScript:
$( ".datepicker" ).datepicker({
dateFormat: 'dd/mm/yy',
defaultDate: new Date(),
changeMonth: true,
changeYear: true
});
$('.datepicker').css("z-index","0");
我已经尝试过了this https://stackoverflow.com/a/21088713/1992780但它不起作用(我有同样的问题giuseppe https://stackoverflow.com/questions/21059598/implementing-jquery-datepicker-in-bootstrap-modal/21088713#comment32692278_21088713).
我找到了解决方案answer https://stackoverflow.com/a/21088713/1992780。您需要的唯一选项是enforceFocus。
工作演示 http://jsfiddle.net/surjithctly/93eTU/16/
jQuery
// Since confModal is essentially a nested modal it's enforceFocus method
// must be no-op'd or the following error results
// "Uncaught RangeError: Maximum call stack size exceeded"
// But then when the nested modal is hidden we reset modal.enforceFocus
$.fn.modal.Constructor.prototype.enforceFocus = function() {};
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)