Bootstrap DatePicker更改格式

Question

我使用bootstrap datepicker和＃34;过去禁用日期并依赖禁用。＆＃34;我跟the instructions这个词有关，但我无法更改格式，原因是这可能是缺少/不理解文档中的内容。如果有人能给我一个解决方案，我将非常感激。

用户界面示例：

我的代码

$(document).ready(function() {
     //CHANGE DATE FORMAT
      format: "dd-mm-yyyy" //results in a syntax error    

    var nowTemp = new Date();
    var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

    var checkin = $('#dpd1').datepicker({
      onRender: function(date) {
        return date.valueOf() < now.valueOf() ? 'disabled' : '';
      }
    }).on('changeDate', function(ev) {
      if (ev.date.valueOf() > checkout.date.valueOf()) {
        var newDate = new Date(ev.date)
        newDate.setDate(newDate.getDate() + 1);
        checkout.setValue(newDate);
      }
      checkin.hide();
      $('#dpd2')[0].focus();
    }).data('datepicker');
    var checkout = $('#dpd2').datepicker({
      onRender: function(date) {
        return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
      }
    }).on('changeDate', function(ev) {
      checkout.hide();
    }).data('datepicker');
})

我创建了JSFIDDLE here.

Answer 1

您可以通过向输入字段添加HTML属性来自定义日期选择器。见例：

<input type='text' name="pickupDate" id="dpd1" 
 class="form-control" data-date-format="dd-mm-yyyy" />

Updated JSFiddle

这个小提琴以您的自定义格式呈现日期，并且它的值也可以以相同的格式访问。 （例如$('#dpd2').val()）