Bootstrap Datepicker - 从内联/嵌入式版本中选择日期

Question

有人可以解释如何从 Eternicode 的扩展 Bootstrape Datepicker 的内联/嵌入式版本捕获所选日期 - http://eternicode.github.io/bootstrap-datepicker/

 <form class="form-date" role="form" action="/'.$ref.'/edit" method="get">
    <div class="form-group" id="datepickid">
        <div></div>
        <input type="hidden" name="dt_due" id="dt_due">
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
</form>

...

$('#datepickid div').datepicker({
    startDate: "+1d",
    todayHighlight: true
});

正如我确定的那样，我希望它在所选日期更改时写入隐藏的输入。

我确定我遗漏了一些明显的东西，但其他示例也写入了它链接的输入，但似乎没有明显的方式从内联版本输出数据。

所有帮助表示赞赏。

原文由 Optimaximal 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

没关系，答案是通过 Google Group 给出的。

我必须添加 .on(ChangeDate)…

 $('#datepickid div').datepicker({
    startDate: "+1d",
    todayHighlight: true
    }).on('changeDate', function(e){
      $('#dt_due').val(e.format('dd/mm/yyyy'))
    });

原文由 Optimaximal 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您还可以使用它来获取所有日期（对于多日期）

 $('#datepickid div').datepicker({
  startDate: "+1d",
  todayHighlight: true
}).on('changeDate', function(e){
  $('#dt_due').val(
     $('#datepickid div').datepicker('getFormattedDate') // get the formatted date from the datepicker (using the format you instantiated it with)
  );
});

原文由 SeanLF 发布，翻译遵循 CC BY-SA 3.0 许可协议