README

鸣谢

Jonathan Peterson (@Eonasdan) 为 Bootstrap 4 日期/时间选择器。

Antonio Ramirez (@tonydspaniard) 受 Bootstrap DatePicker Widget for Yii2 的启发以及代码示例。

安装

安装此扩展的首选方式是通过 composer。

composer require buibr/yii2-datepicker-bs4

使用方法

请参考日期选择器文档网页，以获取使用 Eonasdan 的日期选择器小部件的选项和示例。

作为日期/时间选择器使用小部件，设置适当的格式，例如 'L LT'（如下面的示例所示）。有关有效格式的更多信息，请参阅 momentjs 文档。

使用模型

use buibr\datepicker\DatePicker;

print DatePicker::widget([
    'model' => $model,
    'attribute' => 'attrName',
    'language' => 'ru',
    'size' => 'lg',
    'readonly' => true,
    'placeholder' => 'Choose date',
    'clientOptions' => [
        'format' => 'L',
        'minDate' => '2015-08-10',
        'maxDate' => '2015-09-10',
    ],
    'clientEvents' => [
        'dp.show' => new \yii\web\JsExpression("function () { console.log('It works!'); }"),
    ],
])

$config = [
    'addon' => false,
    'size' => 'sm',
    'clientOptions' => [
        'format' => 'L LT',
        'stepping' => 30,
    ],
];

print $form->field($model, 'attrName')->widget(DatePicker::className(), $config);

不使用模型

use buibr\datepicker\DatePicker;

print DatePicker::widget([
    'name' => 'datepickerTest',
    'value' => '09/13/2015',
    'clientOptions' => [
        'format' => 'L',
    ],
    'dropdownItems' => [
        ['label' => 'Yesterday', 'url' => '#', 'value' => \Yii::$app->formatter->asDate('-1 day')],
        ['label' => 'Tomorrow', 'url' => '#', 'value' => \Yii::$app->formatter->asDate('+1 day')],
        ['label' => 'Some value', 'url' => '#', 'value' => 'Special value'],
    ],
])