加載時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說未定義。

回答

相關問題