Month picker

Plugin jquery-ui wybierający miesiące/lata

Layout

 

Kod w CakePHP

<?= $this->Html->css('jquery-ui', ['block' => true]) ?> 
<?= $this->Html->css('MonthPicker', ['block' => true]) ?>

<?= $this->Html->script('/jslib/jquery-ui', ['block' => true]) ?> 
<?= $this->Html->script('/jslib/MonthPicker', ['block' => true]) ?> 

<?= $this->Html->script('monthpicker-cfg', ['block' => true]) ?>

monthpicker-cfg.js

$('.month-year-input').MonthPicker({
   Button: false,
   MonthFormat: "yy-mm-01",
   i18n:{
    year: 'Rok',
    months:[
      'Sty','Lut','Mar','Kwi',
      'Maj','Cze','Lip','Sie',
      'Wrz','Paź','Lis','Gru',
    ]
  }
});

<th class="p-0 w-25">
    <?= $this->form->text('s_date_from', [
      'class' => 'form-control form-control-sm text-center month-year-input',
      'id' => 's_date_from',
      'value' => $date_from,
      'placeholder' => 'data od'
]) ?>
</th>

https://kidsysco.github.io/jquery-ui-month-picker/ – strona projektu, download

https://github.com/KidSysco/jquery-ui-month-picker/wiki – dokumentacja