2014-11-06 36 views
-2
<!doctype html> 
    <html lang="en"> 
     <head> 
      <meta charset="utf-8"> 
      <script src="jquery-1.11.1.min.js"></script> 
      <script type="text/javascript"> 
      $(document).ready(function() { 
       $("#datepicker").datepicker(); 
      }); 
      </script> 
     </head> 
     <body> 
      <p>Date: <input type="text" id="datepicker"></p> 
     </body> 
    </html> 

我的代碼無法正常工作。當我點擊我的輸入框時的onclick壓延不appear.I認爲有可能使用的onclick()函數。但我不能。請幫幫我。 :(我的jQuery的日期選擇器不工作

+3

1.你確定你有jQuery的UI加載(注: **不只是jQuery的**)?2.錯誤控制檯說什麼?3.你確定$('#datepicker')解析爲一個元素嗎? – amphetamachine 2014-11-06 19:38:48

+2

你需要添加一個對jquery-ui的引用datepicker不包括控制基本jQuery發行。 – 2014-11-06 19:41:37

+0

http://jsfiddle.net/o03prz06/ – JonH 2014-11-06 19:45:06

回答

0

這是一個基本的例子,看看所需的腳本包括jQuery和jQuery的UI(來源:http://www.tutorialspoint.com/jqueryui/jqueryui_datepicker.htm)。

<!doctype html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8"> 
     <title>jQuery UI Datepicker functionality</title> 
     <link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet"> 
     <script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
     <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 
     <!-- Javascript --> 
     <script> 
     $(function() { 
      $("#datepicker-13").datepicker(); 
      $("#datepicker-13").datepicker("show"); 
     }); 
     </script> 
    </head> 
    <body> 
     <!-- HTML --> 
     <p>Enter Date: <input type="text" id="datepicker-13"></p> 
    </body> 
</html>