Can we disable future dates from the controller?

[vishnu-vv]

Like this

$rootScope.selectedRange = {

     selectedTemplate:'L30D',
      selectedTemplateName: 'Last 30 Days',
      dateStart: new Date(tempDate),
      dateEnd: new Date(),
      showTemplate: true,
      fullscreen: true,
      firstDayOfWeek: 0,
      isDisabledDate: '$rootScope.isFutureDate($date)'

};

$rootScope.isFutureDate = function ($date) {

      return $date.getTime() < new Date().getTime();

};

[roelbarreto]

$rootScope.selectedRange = {

     selectedTemplate:'L30D',
      selectedTemplateName: 'Last 30 Days',
      dateStart: new Date(tempDate),
      dateEnd: new Date(),
      showTemplate: true,
      fullscreen: true,
      firstDayOfWeek: 0,
      isDisabledDate: $rootScope.isFutureDate($date)

};

$rootScope.isFutureDate = function ($date) {

      return $date.getTime() < new Date().getTime();

};

[vishnu-vv]

@ipiz But it is causing error $date is not defined Thanks for your quick response

[roelbarreto]

Sorry this should be the right one, just pass the reference to the function not the function call

$rootScope.isFutureDate = function ($date) {

      return $date.getTime() < new Date().getTime();

};
$rootScope.selectedRange = {

     selectedTemplate:'L30D',
      selectedTemplateName: 'Last 30 Days',
      dateStart: new Date(tempDate),
      dateEnd: new Date(),
      showTemplate: true,
      fullscreen: true,
      firstDayOfWeek: 0,
      isDisabledDate: $rootScope.isFutureDate,

};

[vishnu-vv]

@ipiz Let me try that, Thanks a lot yaar. 👍

[vishnu-vv]

@ipiz Actually, what is this property isDisabledDate meant for, i thought it was meant for disabling the future dates in the date-range-picker. But trying the options you gave me, the future dates are not disabled.

[vishnu-vv]

@ipiz Any update ?

[roelbarreto]

It disable dates when your callback returns true you can check some example at the demo site https://ipiz.herokuapp.com/md-date-range-picker-demo/index.html

[vishnu-vv]

$rootScope.isFutureDate = function ($date) {
      return $date.getTime() < new Date().getTime();
};

$rootScope.selectedRange = {
      selectedTemplate:'L30D',
      selectedTemplateName: 'Last 30 Days',
      dateStart: new Date(tempDate),
      dateEnd: new Date(),
      showTemplate: true,
      fullscreen: true,
      firstDayOfWeek: 0,
      isDisabledDate: $rootScope.isFutureDate,
};

This did the fix for me. Thanks brother. 👍 PS: define the function $rootScope.isFutureDate before $rootScope.selectedRange