disable all previous dates in angular bootstrap datetimepicker

Question

I am creating a project using angularjs. I am integrated the angulardatetimepicker from the link:

https://github.com/dalelotts/angular-bootstrap-datetimepicker.

Now I want to disable all previous dates from current date. Here is my code:

 function beforeRender($view, $dates, $leftDate, $upDate, $rightDate) {
    var minDate = moment().startOf($view).valueOf();  
    for(var i=1; i < $dates.length;i++) {
       if(new Date().getTime() > $dates[i].utcDateValue) {
          $dates[i].selectable = false;
       }
    }     
    }

This code not disabled dates correctly

Would you create a fiddle for this please..

Parag Bhayani
– Parag Bhayani

2016-05-27 10:12:55 +00:00
Commented May 27, 2016 at 10:12 — Parag Bhayani
– Parag Bhayani, Commented May 27, 2016 at 10:12
can't you just set min-date to the current date?

Guillaume
– Guillaume

2016-05-27 10:17:08 +00:00
Commented May 27, 2016 at 10:17 — Guillaume
– Guillaume, Commented May 27, 2016 at 10:17

Karan · Accepted Answer · 2016-05-27 10:26:07Z

3

Minor Changes in your loop:

   function beforeRender($view, $dates, $leftDate, $upDate, $rightDate) {
    var minDate = moment().startOf($view).valueOf();  
    for(var i=0; i < $dates.length;i++) {
       if(minDate > $dates[i].utcDateValue) {
          $dates[i].selectable = false;
       }
    }     
    }

answered May 27, 2016 at 10:26

Karan

1,1484 gold badges20 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

pTK Over a year ago

This is perfect.

dale.lotts · Accepted Answer · 2016-10-20 14:22:18Z

0

Consider avoiding for...loops:

function beforeRender($view, $dates) {
  var today = moment().valueOf(); 

  $dates.filter(function (date) {
    return date.localDateValue() < today
  }).forEach(function (date) {
    date.selectable = false; 
  })
}

answered Oct 20, 2016 at 14:22

dale.lotts

4193 silver badges8 bronze badges

3 Comments

pTK Over a year ago

Doing this way disables the current day after the noon. 😕

dale.lotts Over a year ago

You can, of course, use any date/time as the value for today above - use what ever value you need for your situation. You might try var today = moment.utc().valueOf();

Nagendra Singh Over a year ago

No, even this does not work , it keeps on disabling the current date too even after using const today = moment.utc().valueOf();

Collectives™ on Stack Overflow

disable all previous dates in angular bootstrap datetimepicker

2 Answers 2

1 Comment

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related