我需要在我的项目中实现jQuery日期选择器。这是我的脚本:
<script type="text/javascript">
$(document).ready(function () {
$("#datepicker").datepicker();
});
</script>
我在HTML中添加了以下链接:
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<label style="padding-left: 5px;">Date</label><input type="text" id="datepicker" />
但是我无法显示带有该代码的下拉窗口。我怎么解决这个问题?
当我查看页面的视图源时,该函数还有一些额外的jquery脚本,例如:
<link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
<link href="../../Content/themes/base/jquery-ui-1.9.2.css" rel="stylesheet" type="text/css" />
<link href="/Scripts/jtable/themes/standard/jtable_empty.css" rel="stylesheet" type="text/css" />
<link href="../../Content/application.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery-1.8.3.js" type="text/javascript"></script>
<script src="/Scripts/jquery.unobtrusive-ajax.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui-1.9.2.js" type="text/javascript"></script>
<script src="/Scripts/jtable/jquery.jtable.js" type="text/javascript"></script>
<script src="../../Scripts/knockout-2.1.0.js" type="text/javascript"></script>
<link href="/Scripts/jtable/themes/standard/jtable_empty.css" rel="stylesheet" type="text/css" />
<link href="/Content/themes/base/jquery-ui-1.9.2.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/jtable/jquery.jtable.js" type="text/javascript"></script>
<script src="/Scripts/jquery.cookie.js" type="text/javascript"></script>
<script src="/Scripts/modernizr-1.7.min.js" type="text/javascript"></script>
<script src="/Scripts/knockout-2.2.0.js" type="text/javascript"></script>
<script src="/Scripts/advancedSearch/AdvancedSearch.js" type="text/javascript"></script>
<script src="/Scripts/advancedSearch/jquery.validationEngine.js" type="text/javascript"></script>
<script src="/Scripts/advancedSearch/jquery.validationEngine-en.js" type="text/javascript"></script>
<link href="/Scripts/advancedSearch/validationEngine.jquery.css" rel="stylesheet" type="text/css" />
最佳答案
尝试使用noConflict()
避免冲突。
例:
<script type="text/javascript" src="other_lib.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$.noConflict();
// Code that uses other library's $ can follow here.
</script>
see here
关于javascript - jQuery日期选择器在ASP.Net MVC4中无法正常工作,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15611650/