Как использовать bootstrap datepicker

Хорошо, Итак, я новичок в использовании фреймворков и js-библиотек, и я хочу, чтобы мы загрузили и загрузили дату-форму для формы, и у меня нет подсказки, если у меня есть правильный порядок файлов, но ссылки - это то, как файлы setup, и я очень мало знаю об javascript, почти все, что я кодирую, это php, но мне нужно это для формы.

Здесь моя тестовая форма для бутстрапа datepicker:

 <!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>

Что именно я делаю неправильно?

Ответы

Ответ 1

Вы должны включить bootstrap-datepicker.js после bootstrap.js, и вы должны привязать datepicker к вашему элементу управления.

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

Ответ 2

Я считаю, что вам нужно ссылаться на bootstrap.js перед загрузкой-datepicker.js

Ответ 3

человек вы можете использовать базовый Bootprap Datepicker следующим образом:

<!DOCTYPE html>
<head runat="server">
<title>Test Zone</title>
<link rel="stylesheet" href="#" onclick="location.href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'; return false;"/>
<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>

datepicker.css и bootstrap-datepicker.js вы можете скачать с здесь на кнопке "Загрузить" ниже "О" на левой стороне. Надеюсь, это поможет кому-то, привет.