Bootstrap的Datepicker：嵌入式/内联

Question

我非常喜欢Eternicode的Bootstrap的datepicker： https://github.com/eternicode/bootstrap-datepicker

我使用他的表单来生成我想在我的网站中插入的内容：日历格式为嵌入/内联。

http://eternicode.github.io/bootstrap-datepicker/?markup=embedded&format=dd%2Fmm%2Fyyyy&weekStart=&startDate=now&endDate=&startView=0&minViewMode=0&todayBtn=false&language=en&orientation=auto&keyboardNavigation=on&forceParse=on#sandbox

作为Jquery，它生成了这段代码：

$('#sandbox-container div').datepicker({
    format: "dd/mm/yyyy",
    startDate: "now"
});

但是，HTML只生成此代码：

<div></div>

我必须放入哪些HTML才能使日历采用嵌入式/内联式？ 谢谢！

Answer 1

将$('#sandbox-container').datepicker用于输入字段，但不用于Div

如果查看demo here，您会看到它的输入

Answer 2

实际的解决方法是提供您的Div和ID，并在日期选择代码中重复使用此ID：

JS：

$('#sandbox-container').datepicker({
    format: "dd/mm/yyyy",
    startDate: "now"
});

HTML：

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

Answer 3

将内置日历设为嵌入式/内联式。 html将是：<div id='sandbox-container'><div></div></div>