Question

我的bootstrap datepicker有问题...

我希望在我的html页面上有一个日历，我可以在其中选择多个日期并使用表单发布所有日期。

我尝试过bootstrap datepicker。我的代码如下

＆＃13;

$('.datepicker').datepicker({
  multidate:true,
  format:'yyyy-mm-dd',
  clearBtn: true,
  todayHighlight: true
 });

＆＃13;

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.css" rel="stylesheet"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.js"></script>

 <div class="datepicker"></div>

＆＃13;

因此，我在所选日期所做的工作将以表格

发布

...谢谢

Answer 1

您可以使用getDates方法。 https://bootstrap-datepicker.readthedocs.io/en/latest/methods.html#getdates

请参阅此示例https://codepen.io/D-Heap/pen/zPrJyw

在演示中，按钮收集所选数据并将值输出到控制台。您可以在Ajax请求中使用它们来发布它们。 https://api.jquery.com/jquery.post/

我建议您为datepicker元素使用ID（唯一）来防止冲突。

<div id="datepicker"></div>

如何选择bootstrap datepicker值并使用带有多个日期的日历视图中的表单发布

1 个答案: