AngularJS - 检查所选日期是否等于下一个营业日期

时间:2013-08-23 14:05:34

标签: javascript angularjs angularjs-directive angularjs-scope

我正在尝试使用AngularJS检查所选日期是否等于下一个营业日期。如果选择的日期不等于下一个营业日期,将使用ng-show angularjs指令显示警告,如twitter bootstrap的警告警告。

这是目前的Fiddle

目前,getNextBusinessDay()$ scope函数返回下一个工作日。比较由ng-changed =“comparisonResult()”触发,它应根据比较返回true / false,但不起作用。

这是我的HTML代码:

<body ng-app="angularjs-starter" ng-controller="MainCtrl">
<div class="container">
  <section id="datepicker">
    <div class="bs-docs-example">
      <form class="form-horizontal well">
        <div class="control-group input-append">
          <label for="inputDatepicker" class="label" style="margin-right:6px;">
            Selected Date</label>
          <input id="inputDatepicker" class="input-small" type="text" 
            ng-model="selectedDate" ng-changed="comparisonResult()" 
            data-date-format="dd/mm/yyyy" bs-datepicker>
          <button type="button" class="btn" data-toggle="datepicker">
          <i class="icon-calendar"></i></button>
        </div>
      </form>
    </div>
  </section>
</div>
</body>

这是我的js代码:

var app = angular.module('angularjs-starter', ['$strap.directives']);

app.controller('MainCtrl', function($scope, $window, $location) {

  // Datepicker directive
  $scope.selectedDate = null;

    $scope.getNextBusinessDay = function() {
        return $scope.getDeliveryDateObj(1);
    }

    $scope.getDeliveryDateObj = function(businessDaysLeftForDelivery){
        var now = new Date();
        var dayOfTheWeek = now.getDay();
        var calendarDays = businessDaysLeftForDelivery;
        var deliveryDay = dayOfTheWeek + businessDaysLeftForDelivery;
        if (deliveryDay >= 6) {
            businessDaysLeftForDelivery -= 6 - dayOfTheWeek; // deduct this-week days
            calendarDays += 2; // count this coming weekend
            deliveryWeeks = Math.floor(businessDaysLeftForDelivery / 5); // how many whole weeks?
            calendarDays += deliveryWeeks * 2; // two days per weekend per week
        }
        now.setTime(now.getTime() + calendarDays * 24 * 60 * 60 * 1000);

        now.setUTCHours(0);
        now.setUTCMinutes(0);
        now.setUTCSeconds(0);
        now.setUTCMilliseconds(0);

        return now;
    }

    $scope.getNextBusinessDay();

    $scope.comparisonResult = function() {
        if($scope.selectedDate == $scope.getNextBusinessDay()) {
            return false;
        } else {
            return true;
        }
    };

});

任何帮助或建议将不胜感激。提前致谢。 :)

2 个答案:

答案 0 :(得分:3)

比较日期时,请使用a.getTime() == b.getTime()代替a == b

答案 1 :(得分:0)

现在是2017年,如果你使用Angular&gt; = v1.2,你可以使用angular.equals(date1,date2)