Question

我在下面的链接中找到了bootstrap的datepicker，好吧，我下载了开发版本，然后在那里的页面配置了一些设置，并在附加了所需的样式表和javascript文件后，仍然可以＆＃39 ;得到一个HTML示例。

这是下载示例的link。

我收集了所需的CSS和JS，如下所示：

  <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
  <link href="build/build_standalone.less.css" rel="stylesheet" type="text/css">
  <link href="css/datepicker.css" rel="stylesheet" type="text/css">


  <script type="text/javascript" src="js/bootstrap.js"></script>
  <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
  <script type="text/javascript" src="js/bootstrap-datepicker.js"></script>

HTML如下：

    <div class="input-daterange input-group" id="datepicker">
        <input type="text" class="input-sm form-control" name="start" />
        <span class="input-group-addon">to</span>
        <input type="text" class="input-sm form-control" name="end" />
    </div>

文件末尾的JS脚本如下：

    <script>

      $('#sandbox-container .input-daterange').datepicker({
         startDate: "-12/30/2014",
         endDate: "+01/15/2015",
         startView: 1,
         clearBtn: true,
         calendarWeeks: true,
         autoclose: true,
         todayHighlight: true
       });
  </script>

现在两个输入显示但它们不起作用，我不知道丢失了什么。我也无法在下载的演示文件中找到任何HTML示例，它们都是.md，.jason和其他格式似乎是原始的，我实际上并不知道如何只在HTML文件中实现它。

Answer 1

我在HTML中看不到#sandbox-container：

<div id="sandbox-container">        
    <div class="input-daterange input-group" id="datepicker">
        <input type="text" class="input-sm form-control" name="start" />
        <span class="input-group-addon">to</span>
        <input type="text" class="input-sm form-control" name="end" />
    </div>
</div>

如何在HTML示例中实现bootstrap-datepicker沙箱

1 个答案: