如何设置多个bootstrap Ddatepickers的默认日期

Question

我有一个动态生成的输入表，其第一列是日期字段。我正在使用此bootstrap-datepicker。每个输入都可以正常工作，因为我在下面的循环中单独命名它们

for ($r= 1; $r <= $rows; $r++) { 
  $thisDate = '"'.'date'.$r.'"';
     ...
        <input class="datepicker" name= <?php Echo $thisDate; ?> >
     ...
}

但是，正如您在图像中看到的，只有第一项设置了默认值

如何让他们全部设置默认日期？

Jquery的

$(document).ready(function() {
  $('.datepicker').datepicker({
    "setDate": new Date(),
    todayBtn: true,
    todayHighlight: true,
    autoclose: true,
    orientation: "top"                  
  }).datepicker("setDate", "0");
});

Answer 1

一种解决方案是在调用datepicker init之前在输入上设置所需的值：

$(document).ready(function() {
    var oToday = new Date();
    var sToday = oToday.getMonth()+1 + "/" + oToday.getDate() + "/" + oToday.getFullYear();
    $('.datepicker').prop("value", sToday).datepicker({
        autoclose: true
    });
});

以上仍需要对日期进行一些调整，使其格式完全相同，但这只是一个要点。同样在jsfiddle中： http://jsfiddle.net/tuG6C/929/

Answer 2

您可以使用jQuery each（）方法将默认值设置为所有日期选择器。

JS：

$(document).ready(function () {
    $('.datepicker').each(function () {
        $(this).datepicker({
            "setDate": new Date(),
            todayBtn: true,
            todayHighlight: true,
            autoclose: true,
            orientation: "top"
        }).datepicker("setDate", "0");
    });
});