angularjs - type - Eliminar la columna de la semana y el botón del selector de fechas Angular-ui datepicker

input type date angular 4

Question

Estoy usando el selector de fechas angular-ui . Ahora necesito quitar la columna # (semana) y el botón de la semana de datepicker. Este selector de fecha se está utilizando en muchas formas de mi aplicación. Quiero eliminar la columna de la semana de todos ellos.

Para esto, había configurado globalmente el datepickerConfig (show-weeks) pero aún no está funcionando. ¿Alguien puede por favor hacerme saber que estoy haciendo mal con esto?

Answer 1

Para el selector de fechas en el menú emergente, el atributo de opciones de fecha tiene el valor de las opciones de fecha en las que se puede agregar json para cualquier configuración de selector de fecha como se muestra en el HTML a continuación.

<input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dt" is-open="opened" min-date="minDate" max-date="''2015-06-22''" **datepicker-options="dateOptions"** date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />

En javascript esto se da

 $scope.dateOptions = {
    formatYear: ''yy'',
    startingDay: 1,

  };

solo agrega showWeeks: false en dateOptions como esta,

 $scope.dateOptions = {
    formatYear: ''yy'',
    startingDay: 1,
    showWeeks:''false''
  };

o puede agregar así ''show-weeks'': ''false''. La demo se muestra en plunker [ http://plnkr.co/edit/qbp3IObj13op2RS17IEg?p=preview][1]

Answer 2

Para ocultar el número de semanas puedes usar dos formas diferentes.

El primero: agregar al controlador

$scope.dateOptions = {
    ''year-format'': "''yy''",
    ''starting-day'': 1   };

o Segunda forma: agregar atributo en el campo de entrada

show-weeks="''false''"

Answer 3

Por favor, mira este ejemplo: http://plnkr.co/edit/6i4G7JkvBiWXZYlrV2GL?p=preview

angular.module(''app'', [''ui.bootstrap''])
  .config(function (datepickerConfig) {
      datepickerConfig.showWeeks = false;
    });

Answer 4

Si desea hacerlo directamente en la plantilla, simplemente agregue el siguiente atributo a la entrada: show-weeks="false" .

Answer 5

Si la versión de la interfaz de usuario de bootstrap angular es 0.14.3, use lo siguiente

app.config(function (uibDatepickerConfig) {
    uibDatepickerConfig.showWeeks = false;
    uibDatepickerConfig.showButtonBar = false;
});