Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery日期选择器在ASP.Net MVC4中工作不正常_Javascript_Jquery_Html_Jquery Ui_Asp.net Mvc 4 - Fatal编程技术网

Javascript jQuery日期选择器在ASP.Net MVC4中工作不正常

Javascript jQuery日期选择器在ASP.Net MVC4中工作不正常,javascript,jquery,html,jquery-ui,asp.net-mvc-4,Javascript,Jquery,Html,Jquery Ui,Asp.net Mvc 4,我需要在我的项目中实现jQuery日期选择器。这是我的剧本: <script type="text/javascript"> $(document).ready(function () { $("#datepicker").datepicker(); }); </script> $(文档).ready(函数(){ $(“#日期选择器”).datepicker(); }); 我在HTML中添加了以下链接: <link rel="s

我需要在我的项目中实现jQuery日期选择器。这是我的剧本:

<script type="text/javascript">
    $(document).ready(function () {
        $("#datepicker").datepicker();
    });
</script>

$(文档).ready(函数(){
$(“#日期选择器”).datepicker();
});
我在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>

$.noConflict();
//使用其他库的$的代码可以在这里找到。
您可以执行以下操作

首先调用jQuery相关脚本

<script type="text/jscript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script type="text/jscript" src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>

然后

var jQueryVariable=jQuery.noConflict(true);
现在使用jQueryVariable调用任何你想调用jQuery for date picker的地方

你确定它正在调用所有需要的js吗?是的。。我需要上面的js用于其他功能。问题可能是其他jQuery和此jQuery相互冲突。您可以通过注释其他jQuery并运行此jQuery进行检查。我创建了一个链接,它工作正常。请参见此处@NetStarter-您是对的。这是冲突的问题。在布局页面中,我使用了@Scripts.Render(“~/bundles/jquery”)。删去此项properly@Nithu好的,告诉我如果我知道答案,我会告诉你答案answer@Nithu嗨,尼图,你能告诉我另一个吗one@PSR-如何设置日历的宽度?我看到了这个链接…但只有边框是空的changed@Nithu对不起nithu我也没有那么多关于this@NetStarter-检查这个