CODEWITHSUNDEEP
jquerycssbootstrap-datepicker
Kunal Vijan
Kunal Vijan

Reputation: 435

Bootstrap datetimepicker without default initial value

I am using bootstrap datetimepicker I wanted to remove default selected date.

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

enter image description here

Upvotes: 1

Views: 7766

Answers (4)

Nagnath Mungade
Nagnath Mungade

Reputation: 1009

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]);
}

Upvotes: 0

Dalin Huang
Dalin Huang

Reputation: 11342

if you print out new Date() you will understand it is a datetime, you should set as a date which you can use (new Date()).toDateString()

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

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

or you can use moment js to set the minDate... if you use useCurrent: false will exclude 'Today' so use moment or find the 'day' yourself.

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

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

Upvotes: 0

Shubham Khatri
Shubham Khatri

Reputation: 281646

You can set useCurrent:false for your datetimepicer like

  $(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

Upvotes: 9

Joe Lissner
Joe Lissner

Reputation: 2462

By looking at their documentation you should be able to set useCurrent to false, which is true by default. Source

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

Upvotes: 0

Related Questions