ASP.Net MVC bootstrap-日期选择器不工作
ASP.Net MVC bootstrap-datepicker not working
已搜索 Google 解决方案,但我能找到的最接近的解决方案 (Bootstrap Datepicker Not Working) 无法解决问题。
AFAIK,我正在加载必要的 JS 和 CSS 参考资料:
<script type="text/javascript" src="~/Scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.validate.min.js"></script>
<script type="text/javascript" src="~/Scripts/bootstrap.js"></script>
<script type="text/javascript" src="~/Scripts/bootstrap-datepicker.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
<link rel=" stylesheet" href="~/Content/bootstrap-theme.css">
<link rel=" stylesheet" href="~/Content/datepicker.min.css">
<link rel=" stylesheet" href="~/Content/bootstrap-datepicker3.min.css">
在我看来,我有以下 HTML 输入:
<input type="text" id="datepicker" data-provide="datepicker" class="form-control datepicker" />
我的视图代码末尾有这个简单的 Javascript:
<script type="text/javascript">
$(function() {
$('#datepicker').datepicker({
autoclose: true,
format: 'mm/dd/yyyy',
orientation: "bottom auto",
daysOfWeekDisabled: "0,6",
todayHighlight: true
});
});
</script>
但由于某种原因,日期选择器没有显示。
奇怪的是,如果我删除 input id="datepicker"
那么日期选择器就会出现,我可以 select 日期并看到它们反映在输入文本框中(这意味着它正在使用 class 日期选择器绑定,但为什么要使用#id 表示法?)HOWEVER,执行此操作时不会呈现选项,即不会忽略第 0 天和第 6 天,位置日期选择器下拉列表的 不在输入元素的底部,今天没有突出显示,并且在日期 selection.
上也没有 "autoclose"
帮忙?
决定直接从链接到此处的 JSFiddle 中复制代码:bootstrap datepicker option doesn't seem work (datepicker by vitalets) 现在可以使用了。原来它不喜欢 orientation:"
选项,删除它解决了问题。不知道为什么这不起作用。
已搜索 Google 解决方案,但我能找到的最接近的解决方案 (Bootstrap Datepicker Not Working) 无法解决问题。
AFAIK,我正在加载必要的 JS 和 CSS 参考资料:
<script type="text/javascript" src="~/Scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.validate.min.js"></script>
<script type="text/javascript" src="~/Scripts/bootstrap.js"></script>
<script type="text/javascript" src="~/Scripts/bootstrap-datepicker.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
<link rel=" stylesheet" href="~/Content/bootstrap-theme.css">
<link rel=" stylesheet" href="~/Content/datepicker.min.css">
<link rel=" stylesheet" href="~/Content/bootstrap-datepicker3.min.css">
在我看来,我有以下 HTML 输入:
<input type="text" id="datepicker" data-provide="datepicker" class="form-control datepicker" />
我的视图代码末尾有这个简单的 Javascript:
<script type="text/javascript">
$(function() {
$('#datepicker').datepicker({
autoclose: true,
format: 'mm/dd/yyyy',
orientation: "bottom auto",
daysOfWeekDisabled: "0,6",
todayHighlight: true
});
});
</script>
但由于某种原因,日期选择器没有显示。
奇怪的是,如果我删除 input id="datepicker"
那么日期选择器就会出现,我可以 select 日期并看到它们反映在输入文本框中(这意味着它正在使用 class 日期选择器绑定,但为什么要使用#id 表示法?)HOWEVER,执行此操作时不会呈现选项,即不会忽略第 0 天和第 6 天,位置日期选择器下拉列表的 不在输入元素的底部,今天没有突出显示,并且在日期 selection.
帮忙?
决定直接从链接到此处的 JSFiddle 中复制代码:bootstrap datepicker option doesn't seem work (datepicker by vitalets) 现在可以使用了。原来它不喜欢 orientation:"
选项,删除它解决了问题。不知道为什么这不起作用。