Bug in basic, selected date is not shows properly its take previous date

[suriyabalakrish]

selected date is not shows properly its take previous date , can't able to use the date picker completely

Update need

[marco-mascia]

Same problem here

[riginoommen]

same problem here

[riginoommen]

Html Code

                        <div class="form date-selector col-md-3">
                            <label for="DateFrom">Schedule From<span class="red">*</span></label>
                                <p class="input-group">
                                    <input type="text" class="form-control" datepicker-popup="dd-MM-yyyy" ng-model="schedule.from_date" is-open="schedulestatusfrom.opened" datepicker-options="dateOptions" close-text="Close" placeholder="Select Date" required/>
                                    <span class="input-group-btn"><button type="button" class="btn btn-default" ng-click="openScheduleFrom($event)"><i class="fa fa-calendar"></i></button></span>
                                </p>
                        </div>

Date Picker code

    $scope.initiateScheduleFromDatepicker = function () {
      $scope.clearFrom = function () {
        $scope.schedule.from_date = null;
      };
      $scope.openScheduleFrom = function($event) {
        $scope.schedulestatusfrom.opened = true;
      };
      $scope.dateOptions = {
        formatYear: 'yy',
        startingDay: 1
      };
      $scope.schedulestatusfrom = {
        opened: false
      };

      var tomorrow = new Date();
      tomorrow.setDate(tomorrow.getDate() + 1);
      var afterTomorrow = new Date();
      afterTomorrow.setDate(tomorrow.getDate() + 2);
      $scope.events = [
        {
          date: tomorrow,
          status: 'full'
        },
        {
          date: afterTomorrow,
          status: 'partially'
        }
      ];
      $scope.getDayClassFrom = function(date, mode) {
        if (mode === 'day') {
          var dayToCheck = new Date(date).setHours(0,0,0,0);

          for (var i=0;i<$scope.events.length;i++){
            var currentDay = new Date($scope.events[i].date).setHours(0,0,0,0);
            if (dayToCheck === currentDay) {
              return $scope.events[i].status;
            }
          }
        }
        return '';
      };
    };
    $scope.initiateScheduleFromDatepicker();

If i select 3rd Jan it recogonises as 2nd january

[fkammer]

That's a timezone related problem.

As an example: My current timezone is CEST (Central European Summer Time) which equals GMT + 2 (Greenwich Mean Time). If I pick a date, let's say 2016-04-12 it is stored as a Javascript Date object: Tue Apr 12 2016 00:00:00 GMT+0200 (CEST). The Problem is, that this equals Mon Apr 11 2016 22:00:00 GMT. Whoops ...

But you can fix it by converting it to UTC:

.on 'changeDate', (e) ->
  year = e.date.getFullYear()
  month = e.date.getMonth()
  day = e.date.getDate()
  date = new Date(Date.UTC year, month, day)

  scope.$apply ->
    scope.dpModel = date

Now my selected date 2016-04-12 would be stored as Tue Apr 12 2016 02:00:00 GMT+0200 (CEST) which equals Tue Apr 12 2016 00:00:00 GMT.

[sefasenturk95]

@fkammer Where do I need to change the code and add the Date.UTC? Because this problem still occurs..

@cletourneau You should update the library so that this problem does not exist anymore..

[fkammer]

@suriyabalakrish @marco-mascia @riginoommen @sef1995
I started a new repository wich fixes this bug (and a few more). More infos here #17 and here.

[Aragorn1992]

How can I resolve without starting with a new repository?

[fkammer]

@Aragorn1992 , you don't have to start a new repository. Just switch from the angular-bootstrap-datepicker npm-package to my new ng-eternicode-datepicker repo