[英]Bootstrap datepicker not working with AJAX load()
我有一个加载的AJAX页面users.php
。 每次单击“用户”选项卡时,都会调用以下功能:
function users(){
var id = document.getElementById("usersstab");
$("#users").load("load.php");
$("#users").load("users.php");
}
在users.php中,我有一个隐藏的表单。 该表格仅在单击“添加用户”按钮时显示。 在这种形式下,我有一个出生日期字段,我想使用datepicker()
。
<input id="dobofsubuser" type="text" name="subuserdob" class="form-control" />
我在主页(父页面)的页脚处调用此函数:
$('#dobofsubuser').datepicker({
format: "yyyy-mm-dd",
endDate: "Current Date",
startView: 2
});
这没有显示日历,我已经尝试寻找答案,但是到目前为止,前面提到的解决方案都没有帮助。 有人可以告诉我我做错了什么或需要做什么才能使datepicker在load()
? 提前致谢!
这是我的脚本的顺序:
<script src="js/modernizr-2.6.2.min.js"></script>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/validetta.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/jquery.mask.min.js"></script>
<script src="js/sweet-alert.min.js"></script>
<script src="js/bootstrap-datepicker.min.js"></script>
<script type="text/javascript" src="http://js.stripe.com/v2/"></script>
如果这里没有解决方案,请问有人可以推荐一个替代日历插件,该插件可以很好地加载ajax页面吗?
尝试在加载后初始化datepicker
:
$("#users").load("users.php", function() {
$('#dobofsubuser').datepicker({
format: "yyyy-mm-dd",
endDate: "Current Date",
startView: 2
});
});
希望这可以帮助。
可能有一些js库正在干扰您的代码。
试试这个引导日期选择器
$(document).ready(function () {
var datepicker = $.fn.datepicker.noConflict();
$.fn.bootstrapDP = datepicker;
$("#datepicker").bootstrapDP({ format: 'yyyy-mm-dd'});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.