JQuery日期選擇器不工作

我想第一次使用jquery。而我無法讓它工作。我的代碼如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<link rel="stylesheet" type="text/css" href="style.css" media="screen" /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
</head> 
<body> 
<script> 
    $(function() { 
     $("#datepicker").datepicker(); 
    }); 
    </script> 
    <div class="demo"> 
    <p>Date: <input type="text" id="datepicker"></p> 
    </div><!-- End demo --> 
</body> 
</HTML>

但日期選擇器不工作..我應該怎麼做，使工作？謝謝。

來源

2011-04-16 newbie

「不起作用」不是一個足夠的錯誤描述。 *什麼*不起作用？怎麼了？ – 2011-04-16 16:37:05

「不能使它工作」是一個可怕的問題描述。什麼不行？你預計會發生什麼？在JavaScript控制檯上出現什麼錯誤？ – Oded 2011-04-16 16:37:45

日期選擇器。 – newbie 2011-04-16 16:38:06

您不包括日期選擇器庫

所以加

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>

您<head>標籤

live demo

來源

2011-04-16 16:38:53 Raynos

我如何包含它？謝謝 – newbie 2011-04-16 16:39:53

啊好吧..現在它正在工作..謝謝你。 :) – newbie 2011-04-16 16:41:17

@newbie - 確保並單擊您使用的答案旁邊的大綱複選標記。這將在正確答案的下方。 – 2011-04-16 16:48:55

嘗試調整您的腳本運行順序。將腳本標記放置在它試圖影響的元素下面。或者將它放在頂部，並將其包裝在$(document).ready() 編輯：幷包括正確的文件。

來源

2011-04-16 16:38:48

Datepicker不是jQuery的一部分。您必須獲得jQuery UI才能使用日期選擇器。

來源

2011-04-16 16:38:50

問題是你不能鏈接到了jQuery UI庫（這是日期選擇器所在的地方）：

http://jsfiddle.net/5AkyC/

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<link rel="stylesheet" type="text/css" href="style.css" media="screen" /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script> 
<script> 
$(function() { 
    $("#datepicker").datepicker(); 
}); 
</script> 
</head> 
<body> 
    <div class="demo"> 
    <p>Date: <input type="text" id="datepicker"></p> 
    </div><!-- End demo --> 
</body> 
</HTML>

來源

2011-04-16 16:41:59

你忘了在你的演示中解除標準化CSS！ – Raynos 2011-04-16 16:43:51

@Raynos - IMO的演示無關緊要。 – 2011-04-16 16:44:26

@Raynos - 儘管我很想知道爲什麼jsfiddle的人會做出這種默認。：\ – 2011-04-16 16:45:17

對於我..問題是，錨需要一個頭銜，那就是失蹤了！

來源

2014-03-28 07:00:13 bcm

後，我們要編寫代碼

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> 
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css" type="text/css" media="all"> 



<script> 
$('#date').datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    showButtonPanel: true, 
    yearRange: "-100:+0", 
    dateFormat: 'dd/mm/yy' 

}); 
</script>

來源

2016-08-17 12:06:15

這些行我被困在了一個問題，日期選擇器（）似乎是無所事事的HTML。原來問題在於輸入是在Bootstrap「input-group」div中。簡單地將輸入從輸入組中解決了問題。

來源

2016-11-08 17:50:43

JQuery日期選擇器不工作

回答

相關問題