Bootstrap 没有默认初始值的日期时间选择器

Question

我正在使用 bootstrap datetimepicker 我想删除默认选择的日期。

$("#datetimepicker1").datetimepicker({ format: 'MM/DD/YYYY', minDate:new Date() });

Answer 1

您可以为您的日期时间选择器 lukeuseCurrent:false 设置

  $(document).ready(function () {
     var date = new Date();

     // subtract a day
     date.setDate(date.getDate() - 1);
     $('#datetimepicker1').datetimepicker({
          useCurrent: false, format: 'MM/DD/YYYY', minDate:date
     });
  });

JSFIDDLE

Answer 2

通过查看他们的文档，您应该能够将 useCurrent 设置为 false，默认情况下为 true。 Source

$("#datetimepicker1").datetimepicker({
    format: 'MM/DD/YYYY',
    minDate: new Date(),
    useCurrent: false
});

Answer 3

如果你打印出来new Date()你会明白这是一个日期时间，你应该设置一个你可以使用的日期(new Date()).toDateString()

var datetimepicker1 = $('#datetimepicker1').datetimepicker({
  format: 'YYYY-MM-DD',
  minDate: (new Date()).toDateString()
})

https://jsfiddle.net/dalinhuang/0Ltv25o8/4795/

或者你可以用moment js设置minDate... 如果你使用 useCurrent: false 将排除 'Today' 所以使用 moment 或自己找到 'day'。

var datetimepicker1 = $('#datetimepicker1').datetimepicker({
  format: 'YYYY-MM-DD',
  minDate: moment().startOf('day')
})

https://jsfiddle.net/dalinhuang/0Ltv25o8/4793/

Answer 4

I used two dates between these dates validating using datetimepicker.

   if ($("#toDate").val() != "") {
      $("#toDate").datetimepicker("destroy");
  }
  var fromDateFilt = new Date();
  if ($("#frmDate").val().length != 0) {
      fromDateFilt = this.convertDate($("#frmDate").val())
  }
  $('#toDate').datetimepicker({
      widgetPositioning: {
          horizontal: 'left'
      },
      icons: {
          time: "fa fa-clock-o",
          date: "fa fa-calendar",
          up: "fa fa-arrow-up",
          down: "fa fa-arrow-down",
          previous: 'fa fa-arrow-left',
          next: 'fa fa-arrow-right'
      },
      format: 'DD-MM-YYYY',
      minDate: fromDateFilt,
      maxDate: new Date()
  });
  this.psaReportForm.controls['frmDate'].setValue($("#frmDate").val());

public convertDate(date) {
  let dateArry = date.split("-");
  return new Date(dateArry[2], dateArry[1] - 1, dateArry[0]);
}

Bootstrap 没有默认初始值的日期时间选择器

Bootstrap datetimepicker without default initial value

jquery

css

bootstrap-datepicker