admin管理员组

文章数量:1332353

I am trying to check if selected date is equal to next business date using AngularJS. If selected date is not equal to the next business date, a warning will be shown, like twitter bootstrap's alert-warning, using ng-show angularjs directive.

Here's the current Fiddle for this.

Currently, the next business day is returned by getNextBusinessDay() $scope function. The parison is triggered by ng-changed="parisonResult()" which should return true/false based on parison, but isn't working.

Here my html code:

<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="parisonResult()" 
            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>

Here's my js code:

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 ing 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();

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

});

Any help or suggestion will be appreciated. Thanks in advance. :)

I am trying to check if selected date is equal to next business date using AngularJS. If selected date is not equal to the next business date, a warning will be shown, like twitter bootstrap's alert-warning, using ng-show angularjs directive.

Here's the current Fiddle for this.

Currently, the next business day is returned by getNextBusinessDay() $scope function. The parison is triggered by ng-changed="parisonResult()" which should return true/false based on parison, but isn't working.

Here my html code:

<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="parisonResult()" 
            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>

Here's my js code:

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 ing 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.parisonResult = function() {
        if($scope.selectedDate == $scope.getNextBusinessDay()) {
            return false;
        } else {
            return true;
        }
    };

});

Any help or suggestion will be appreciated. Thanks in advance. :)

  • javascript
  • angularjs
  • angularjs-directive
  • angularjs-scope
Share Improve this question asked Aug 23, 2013 at 14:05 sharic19sharic19 1,1393 gold badges15 silver badges25 bronze badges
Add a ment  | 

2 Answers 2

Reset to default 3

When paring dates, use a.getTime() == b.getTime() instead of a == b.

It is 2017 now, if you use Angular >= v1.2 you can use angular.equals(date1, date2)

本文标签： javascriptAngularJSCheck if selected date is equal to next business dateStack Overflow

版权声明：本文标题：javascript - AngularJS - Check if selected date is equal to next business date - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1742321149a2452811.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。