加载时jQuery datepicker说未定义。

我试图在我的表单中实现一个日期选择器，但是当它添加日期选择器的代码没有在brewers中显示时。当检查控制台时发布此错误 TypeError：'undefined'不是函数（评估'$（“#datepicker”）.datepicker（）'） jQuery库文件被添加到根文件夹中。加载时jQuery datepicker说未定义。

贝娄是使用的代码：

$(document).ready(function() { 
$("#datepicker").datepicker(); 
}); 

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>Datepicker</title> 
<link rel="stylesheet" href="jquery-ui-1.10.4.custom.css"> 
<script src="jquery-1.10.2.js"></script> 
<script src="datepicker.js"></script> 
</head> 
<body> 

<p>Date: <input type="text" id="datepicker"></p> 


</body> 
</html>

来源

2014-02-05 user3182518

尝试把日期选择器（）调用head标签内经过必要的包括由。 –

你需要把你的jQuery代码，包括jQuery和datepicker核心文件后：

<script src="jquery-1.10.2.js"></script> 
<script src="datepicker.js"></script> 
<script> 
    $(document).ready(function() { 
     $("#datepicker").datepicker(); 
    }); 
</script>

来源

2014-02-05 16:23:01 Felix

jQuery代码是在一个单独的文件中，但是我只是试过这种方式，它什么也没做。 – user3182518

您可能还需要添加的jQuery的UI。 js之后的jquery-1.10.2.js条目。

请尝试将HTML标记之后和周围的脚本标签例如放置

$(document).ready(function() { 
$("#datepicker").datepicker(); 
});

在文件的结尾

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

来源

2014-02-05 16:37:43 Kuv

我只是在VS2012中试过以下代码，它的工作原理。您需要将版本号更改为您自己的版本号。

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <link href="Content/themes/base/jquery-ui.css" rel="stylesheet" /> 
    <script src="Scripts/jquery-1.7.1.js"></script> 
    <script src="Scripts/jquery-ui-1.8.20.js"></script> 

</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
    <p>Date: <input type="text" id="datepicker"></p> 
    </div> 
    </form> 
</body> 
</html> 

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

来源

2014-02-05 16:55:35 Kuv

确保您已将所有脚本指向工作区中的正确位置。

尝试将jQuery的document.ready函数放在head标签中，在必要的include之后。

我想通过标记，脚本标签是放置或者body标签或head标签

希望这个作品里面。

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>Datepicker</title> 
<link rel="stylesheet" href="jquery-ui-1.10.4.custom.css"> 
<script src="jquery-1.10.2.js"></script> 
<script src="datepicker.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
$("#datepicker").datepicker(); 
}); 
</script> 
</head> 
<body> 

<p>Date: <input type="text" id="datepicker"></p> 


</body> 
</html>

这完美的作品。

的jsfiddle演示：http://jsfiddle.net/arunkumars08/98CRq/

HTML：

<p> 
Date: 
<input type="text" id="datepicker" /> 
</p>

JS：

$(document).ready(function() { 
$("#datepicker").datepicker(); 
});

来源

2014-02-05 17:06:28

我有同样的问题。我所做的修复是在控制之后添加对脚本的引用。

<head> 
 
    <link href="../Scripts/jquery-ui-1.11.1.custom/jquery-ui.css" rel="stylesheet" /> 
 
    <script src="../Scripts/jquery-2.1.1.js"></script> 
 
</head> 
 
<body> 
 
    <div> 
 
    <input type='text' onkeypress='return false' class='datepicker' /> 
 
    </div> 
 
    
 
    <script src="../Scripts/jquery-ui-1.11.1.custom/external/jquery/jquery.js"></script> 
 
    <script src="../Scripts/jquery-ui-1.11.1.custom/jquery-ui.js"></script> 
 
    <script> 
 
     $(this).ready(function() { 
 
      $(".datepicker").datepicker(); 
 
     }); 
 
    </script> 
 
</body>

来源

2014-12-17 20:48:13 Dave

您需要添加将调用日期选择您的输入标签的功能。将js代码放在文件的末尾。也不要忘了包括此代码到这一点，将执行本身的功能：

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

或

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

来源

2016-03-02 22:07:35 JulioCT

加载时jQuery datepicker说未定义。

回答

相关问题