日期選擇器麻煩

嗨，我不能讓這個datepicker工作？有人可以幫助我使它起作用嗎，當我點擊它時，它無所作爲！日期選擇器麻煩

它是從這個網站我試圖讓他們的例子。

HEAD：

<head> 

<!--Bootstrap stylesheet--> 
<link rel="stylesheet" href="css/bootstrap.min.css"> 

<!--Bootstrap scripts--> 
<script src="js/bootstrap.min.js" type="text/javascript"></script> 



<!--Custom stylesheets--> 
<link rel="stylesheet" type="text/css" href="css/style.css"> 

<!--Custom scripts--> 
<script src="http://code.jquery.com/jquery-latest.min.js"</script> 

<script> 
$(document).ready(function() { 
    $(".date-picker").datepicker(); 

    $(".date-picker").on("change", function() { 
     var id = $(this).attr("id"); 
     var val = $("label[for='" + id + "']").text(); 
     $("#msg").text(val + " changed"); 
    }); 
}); 
</script> 
</head>

BODY：

<div class="controls"> 
    <div class="input-group"> 
    <label for="date-picker-3" class="input-group-addon btn"> 
     <span class="glyphicon glyphicon-calendar"></span> 
    </label> 
    <input id="date-picker-3" type="text" class="date-picker form-control 
hasDatepicker"> 
    </div> 
</div>

來源

2015-04-23 Martin Nielsen

適合我。噢，你的意思是你不能在你的網站上工作？我會猜測你沒有包含jQuery或其他庫。 – Ruddy

問題是什麼？控制檯中的任何錯誤？ – Tushar

在引導之前包含jQuery。並且包含jQuery UI文件 –

你必須從你的輸入中刪除hasDatepicker類。此外，您的HTML格式有誤：

<input id="date-picker-3" type="text" class="date-picker form-control" />

而且你的jQuery腳本標記也畸形：

<!--Custom scripts--> 
<script src="http://code.jquery.com/jquery-latest.min.js"></script>

而你錯過了jQuery用戶界面：

<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

這裏是的jsfiddle工作例如：http://jsfiddle.net/054xstp5/15/

來源

2015-04-23 08:30:41

日期選擇器麻煩

回答

相關問題