phpnt / yii2-datepicker
Yii2 Datepicker
Installs: 1 811
Dependents: 1
Suggesters: 0
Security: 0
Stars: 2
Watchers: 2
Forks: 0
Open Issues: 1
Type:yii2-extension
Requires
- php: >=5.4.0
- bower-asset/bootstrap-datepicker: *
- yiisoft/yii2: *
README
Описание:
Yii2 Datepicker - Гибкий виджет datepicker в стиле Bootstrap.
DEMO
- Поддержать phpNT
Социальные сети:
Установка:
php composer.phar require "phpnt/yii2-datepicker" "*"
или
composer require phpnt/yii2-datepicker
или добавить в composer.json файл
"phpnt/yii2-datepicker": "*"
Представление:
<?php use phpnt\datepicker\BootstrapDatepicker; ?>
// минимальная настройка echo $form->field($model, 'date')->widget(BootstrapDatepicker::className()); echo BootstrapDatepicker::widget(['name' => 'date']); // полная настройка echo $form->field($model, 'date')->widget(BootstrapDatepicker::className(), [ 'type' => BootstrapDatepicker::TYPE_RANGE, // тип виджета TYPE_TEXT, TYPE_COMPONENT, TYPE_EMBEDDED, TYPE_RANGE (по умолчанию TYPE_TEXT) 'attribute_2' => 'date2', // только для типа TYPE_RANGE 'autoclose' => false, // закрывать при выборе 'assumeNearbyYear' => false, // изменять двухзначный год на четырехзначный (например "17" изменит на "2017") 'calendarWeeks' => false, // отображать календарную неделю 'clearBtn' => false, // отображать кнопку очистить 'container' => 'body', // контейнер для всплывающего окна 'datesDisabled' => [], // отключить даты (например ['12.04.2017', '30.04.2017']) 'daysOfWeekDisabled' => [], // отключить дни недели от 0 до 6 (например ['0', '6']) 'daysOfWeekHighlighted' => [], // выделить дни недели от 0 до 6 (например ['0', '6']) 'defaultViewDate' => [], // дата по умолчанию (например ['day' => '25', 'month' => '04', 'year' => '2017']) 'disableTouchKeyboard' => false, // Если правда, на мобильных устройствах не будет отображаться клавиатура 'enableOnReadonly' => true, 'endDate' => false, // последняя дата, которую можно выбрать; Все последующие даты будут отключены (например '17.04.2017') 'forceParse' => true, // когда недопустимая дата остается в поле ввода, виджет принудительно проанализирует ее значение // и установит значение ввода на новую, действительную дату, соответствующую данному формату. 'format' => 'dd.mm.yyyy', // формат даты 'immediateUpdates' => false, // Если true, выбор года или месяца в datepicker будет немедленно обновлять значение ввода // В противном случае, только выбор дня месяца будет немедленно обновлять значение ввода 'keepEmptyValues' => false, // работает только в range. Если true, выбранное значение не распространяется на другие 'keyboardNavigation' => true, // перемещать дату клавиатурой 'language' => 'ru', // выбор языка 'maxViewMode' => 4, 'minViewMode' => 0, 'multidate' => false, // выбор нескольких дат (например для двух дат, будет значение 2) 'multidateSeparator' => ',', // разделитель нескольких дат 'orientation' => 'auto', // расположение “left”, “right”, “top”, “bottom”, “auto” 'showOnFocus' => true, // открывает при нажатии на input 'startDate' => false, // самая ранняя дата, которую можно выбрать. Все более ранние даты будут отключены 'startView' => 0, 'templates' => [ 'leftArrow' => '<i class="fa fa-long-arrow-left"></i>', 'rightArrow' => '<i class="fa fa-long-arrow-right"></i>' ], 'showWeekDays' => true, // показывать дни недели 'title' => '', // заголовок 'todayBtn' => false, // отображать кнопку сегодня 'todayHighlight' => false, // выделять сегодня 'toggleActive' => false, 'updateViewDate' => true, 'weekStart' => 0, // начало недели (значения от 0 до 6) 'zIndexOffset' => 10, ]);