twitter-bootstrap - Bootstrap 的日期选择器：嵌入式/内联

Question

我非常喜欢 Eternicode 的 Bootstrap 日期选择器： 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

如果你看这里的演示，你会看到它的输入

Answer 2

实际的解决方法是提供您的 Div 和 ID 并在您的 datepicker 代码中重用此 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>