angularjs - example - ng-bootstrap angular 5

Angular UI Bootstrap DatePicker initDate Issue

Question

Estoy tratando de establecer la fecha de inicio en la directiva datepicker angular bootsrap. Y obtengo el siguiente error

Error: [$ parse: sintaxis] Error de sintaxis: Token ''Jun'' es un token inesperado en la columna 5 de la expresión [Dom Jun 21 2015 2015 17:00:00 GMT-0700 (PDT)] a partir del [21 de junio de 2015 17: 00:00 GMT-0700 (PDT)].

Debajo está la marca que estoy usando

<div ng-controller="DatepickerDemoCtrl">
<h4>Popup</h4>
<div class="row">
    <div class="col-md-6">
        <p class="input-group">
            <input type="text"
                   class="form-control"
                   init-date="dateOptions.initDate"
                   datepicker-popup="{{format}}"
                   ng-model="dt"
                   is-open="opened"
                   min-date="dateOptions.minDate"
                   max-date="''2016-06-22''"
                   datepicker-options="dateOptions"
                   date-disabled="disabled(date, mode)"
                   ng-required="true" close-text="Close" />
          <span class="input-group-btn">
            <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
          </span>
        </p>
    </div>
</div>

y aquí está el lado de Javascript que tengo en su lugar

angular.module(''app'', [''ui.bootstrap'']);
angular.module(''app'').controller(''DatepickerDemoCtrl'', function ($scope) {
    $scope.open = function($event) {
        $event.preventDefault();
        $event.stopPropagation();

        $scope.opened = true;
    };
    $scope.dateOptions = {
        formatYear: ''yy'',
        startingDay: 1,
        minDate: new Date(2015, 9, 9),
        initDate: new Date(''2015-06-22'')
    };
    $scope.format = [''MM-dd-yyyy''];
});

No estoy exactamente seguro de lo que podría estar perdiendo aquí ... ¿alguien puede ayudar?

Answer 1

Actualizar a la última versión 0.13 debería solucionar el problema ... Estaba usando la versión 0.12

Espero que esto ayude...

Answer 2

Para aquellos que no pueden usar 0.13: puede asignar la fecha de inicio directamente al modelo:

module.controller[...., function(....){
    //Init
    $scope.dt = new Date();
    $scope.dt.setDate($scope.dt.getDate()-7);

 }]

Answer 3

La eliminación de minDate, maxDate de dateOptions solucionó mi problema.

Answer 4

Para aquellos que no pueden actualizar más allá de 0.12 pero tienen que establecer las fechas mínimas y máximas, pude encontrar una solución alternativa. Puse las opciones en el alcance como se muestra a continuación.

Es cierto que es feo y molesto, pero restablecer las fechas a través de setDate () fue lo único que hizo que funcionara para mí. Solo compartiendo. Haz que esta sea tu última opción.

var minDate = new Date(2017, 3, 27);
minDate = minDate.setDate(minDate.getDate()-0);
var maxDate = new Date();
maxDate = maxDate.setDate(maxDate.getDate()-0);

$scope.dpOptions = {
    minDate: minDate,
    maxDate: maxDate
};