1

Acabo de integrar el datepicker en un proyecto pero no funciona correctamente.

HTML

<div class="form-group">
                <label>Date</label>
                <p class="input-group">
        <input type="text" class="form-control" 
         datepicker-popup="mediumDate" 
         is-open="shipment.valuationDatePickerIsOpen" 
        ng-click="shipment.valuationDatePickerOpen()" 
        ng-model="shipment.valuationDate" />
  <span class="input-group-btn">
     <button type="button" class="btn btn-default" 
        ng-click="shipment.valuationDatePickerOpen($event)">
         <i class="fa fa-calendar"></i>
     </button>
</span>
</p>

</div>

Controlador

var vm = this;
    // $scope.Eship;

      vm.valuationDate = new Date();
  vm.valuationDatePickerIsOpen = false;
  vm.opens = [];

  $scope.$watch(function () {
       return vm.valuationDatePickerIsOpen;
   },function(value){
      vm.opens.push("valuationDatePickerIsOpen: " + value + " at: " + new Date());
   });

  vm.valuationDatePickerOpen = function ($event) {

      if ($event) {
          $event.preventDefault();
          $event.stopPropagation(); 
      }
      this.valuationDatePickerIsOpen = true;
  };

Se muestra la fecha actual en cuanto carga la vista pero no pasa nada al hacer click en el input o en el botón.

1
  • no se supone que al input tambien tienes que agregarle la clase datepicker???
    – user46896
    Commented el 10 jul. 2017 a las 15:13

1 respuesta 1

1

Añádele un formato de fecha con la propiedad datetime-picker al input

<div class="form-group">
<label>Date</label>
<p class="input-group">
    <input type="text" class="form-control"
       datetime-picker="dd/MM/yyyy"
       datepicker-popup="mediumDate" 
       is-open="shipment.valuationDatePickerIsOpen" 
       ng-click="shipment.valuationDatePickerOpen()" 
       ng-model="shipment.valuationDate" />
      <span class="input-group-btn">
         <button type="button" class="btn btn-default" 
            ng-click="shipment.valuationDatePickerOpen($event);">
             <i class="fa fa-calendar"></i>
         </button>
    </span>
</p>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.