如何使用引導日期選擇器

好吧，所以我是新來使用框架和js庫，我想我們引導和引導日期選擇器的窗體，我不知道如果我的文件順序正確，但鏈接是如何設置文件，我知道很少關於JavaScript，幾乎所有我的代碼是PHP，但我需要這個表單。如何使用引導日期選擇器

這裏是我的測試形式爲引導日期選擇：

<!DOCTYPE html> 
<html> 
<head> 
<title>Testing</title> 
<meta charset="utf-8"> 

<link rel="stylesheet" href="_css/datepicker.css"> 
<link rel="stylesheet" href="_css/bootstrap.css"> 
<link rel="stylesheet" href="_css/bootstrap-responsive.css"> 
<script type="text/javascript" src="datepicker/bootstrap-datepicker.js"></script> 
</head> 
<body> 
<center> 
     <h1>BootStrap Datepicker</h1> 
    <form> 
    <div class="well span12 main"> 
    <input type="text" id="dp1" class="span2 datepicker" placeholder="Date..." 
      name="date"> <br> 
     </div> 
     <input type="submit" value="Search" class="btn"> 
    </form> 
</center> 

<!-- JAVAscript -----------------------------------------------------------------> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="_js/bootstrap-datepicker.js"></script> 
<script type="text/javascript" src="_js/bootstrap.js"></script> 
</body> 
</html>

我究竟在做什麼錯？

來源

2013-08-29 user2701687

你的頭上有一個額外的'bootstrap-datepicker.js'腳本標記，而且bootstrap.js應該在插件前加載，並且你需要初始化插件到你的元素，它不會僅僅因爲你設置了日期選擇器類 –

bootstrap.js您應該包括bootstrap.js後bootstrap-datepicker.js，你應該綁定datepicker您的控制。

$(function(){ 
    $('.datepicker').datepicker({ 
     format: 'mm-dd-yyyy' 
    }); 
});

來源

2013-08-29 19:50:04

控件是什麼，以及如何綁定日期選擇器，以及您在此編寫的代碼在哪裏去？它是否在它自己的腳本標籤中加入了html，如果是，那麼在html中？ – user2701687

在js包含後，將示例代碼添加到腳本標記的答案中。它應該工作，你可能想調整datepicker –

的設置是否有任何方式通過java腳本實現這一點..沒有jquery – NMathur

我相信你必須引用前引導，datepicker.js

來源

2013-08-29 19:49:34

的人，你可以使用基本的引導日期選擇這種方式：

<!DOCTYPE html> 
<head runat="server"> 
<title>Test Zone</title> 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/> 
<link rel="stylesheet" type="text/css" href="Css/datepicker.css" /> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
<script src="../Js/bootstrap-datepicker.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#pickyDate').datepicker({ 
      format: "dd/mm/yyyy" 
     }); 
    }); 
</script>

和體內：

<body> 
<div id="testDIV"> 
    <div class="container"> 
     <div class="hero-unit"> 
      <input type="text" placeholder="click to show datepicker" id="pickyDate"/> 
     </div> 
    </div> 
</div>

日期選擇器.css和bootstrap-datepicker.js您可以從下載「左右」下方的「關於」下載按鈕。希望這有助於某人，問候。

來源

2016-06-27 13:47:36 JCO9

其工作很好 – user3098137

如何使用引導日期選擇器

回答

相關問題