2015-10-31 38 views
0
<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset = "utf-8/"> 
     <title>Calander</title> 
     <script type = "text/javascript" src = "http://code.jquery.com/jquery-1.11.3.min.js"></script> 

<script> 
    $('#Date').datepicker(); 
</script> 

    </head> 
    <body> 

     <label for= "Date"> Date </label> 
     <input type = "text" id = "Date" name = "Date"/> 
    </body> 
</html> 

当我运行这个没有任何反应时,我希望点击文本框时显示日历。我认为这可能是因为格式,即无辜src为什么不执行jQuery datePicker?

回答

0

这里是包括jQuery datepicker的整个代码。

你也可以在这里看到:https://jqueryui.com/datepicker/

<!doctype html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>jQuery UI Datepicker - Default functionality</title> 
 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
 
    
 
</head> 
 
<body> 
 
    
 
<p>Date: <input type="text" id="datepicker"></p> 
 
<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
 
    <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
 
    <script type="text/javascript"> 
 
    
 
    
 
\t \t $(function() { 
 
\t \t \t $("#datepicker").datepicker(); 
 
\t \t }); 
 
\t 
 
    
 
    </script> 
 
</body> 
 
</html>

+0

三江源回答,但如果我复制和粘贴代码到我的IDE和铬notjing运行情况只是文本 –

+0

我更新了小提琴我认为这将help..Thanks! @el mashrafi – abidkhanweb

+0

哦,谢谢你的工作,你可以解释为什么它没有提前提示? –

0

datepicker是不是jQuery的一部分,但jQuery UI。所以你应该包括jqueryUI

<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 
+0

三江源有什么我需要下载或复制?因为复制粘贴到我的代码后,日历仍然不弹出 –

+0

移动 之前 – yeahman