Bootstrap-DatePicker如何將日期放入輸入字段

Question

我想知道嵌入日歷時如何將帶有bootstrap-datepicker的選定日期放入輸入字段中。 不知何故我無法正常工作。

現在我有這個：

<script>
$('#sandbox-container div').datepicker({
    weekStart: 1,
    startDate: "-",
    maxViewMode: 0,
    clearBtn: true,
    language: "nl",
    orientation: "top auto",
    daysOfWeekDisabled: "0,1,2,3,4",
    calendarWeeks: true,
    todayHighlight: true
});
</script>

在模板中，我有：

<div id="sandbox-container">
  <div id="datepicker"></div>
</div>

但是，當我試圖做類似的事情：

<script>
$('#sandbox-container input').datepicker({
    weekStart: 1,
    startDate: "-",
    maxViewMode: 0,
    clearBtn: true,
    language: "nl",
    orientation: "top auto",
    daysOfWeekDisabled: "0,1,2,3,4",
    calendarWeeks: true,
    todayHighlight: true
});
</script>

和：

<div id="sandbox-container">
  <input type=text id="datepicker">
</div>

它僅顯示一個輸入字段。 我究竟做錯了什么？

Answer 1

兩件事情：

1）大概您知道datepicker隨JQueryUI一起提供。 但是，如果您不知道這一點，則需要首先將其包括在JQuery中。 例如：

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

2）其次，看起來您的選擇器編寫不正確。 這應該工作：

<script>
  $(function() {
    $("#sandbox-container input").datepicker({
      weekStart: 1,
      startDate: "-",
      maxViewMode: 0,
      clearBtn: true,
      language: "nl",
      orientation: "top auto",
      daysOfWeekDisabled: "0,1,2,3,4",
      calendarWeeks: true,
      todayHighlight: true
    });
  });
</script>