README

基于bower-asset/eonasdan-bootstrap-datetimepicker的Yii2日期时间选择小部件

版本 2.0

BS4兼容性有限，但可正常工作

为了BS3兼容性，请使用1.x版本。

致谢

Jonathan Peterson (@Eonasdan) 为 Bootstrap 3 日期/时间选择器。Antonio Ramirez (@tonydspaniard) 受Bootstrap DatePicker Widget for Yii2 和代码示例的启发。RomeroMsk 为之前的版本 https://github.com/RomeroMsk/yii2-datepicker

安装

建议通过 composer 安装此扩展。

运行以下命令：

php composer.phar require "uhi67/yii2-datepicker":"^2.0"

或者

  "uhi67/yii2-datepicker":"^2.0"

将以下内容添加到您的应用程序的 composer.json 文件的 require 部分：

使用方法

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

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

使用模型

<?php
use uhi67\datepicker\DatePicker;
?>

<?= 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!'); }"),
    ],
]);?>

<?= $form->field($model, 'attrName')->widget(
    DatePicker::className(), [
        'addon' => false,
        'size' => 'sm',
        'clientOptions' => [
            'format' => 'L LT',
            'stepping' => 30,
        ],
]);?>

不使用模型

<?php
use uhi67\datepicker\DatePicker;
?>
<?= 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'],
    ],
]);?>

变更

2.0 -- 2021-10-20

Bootstrap4兼容版本（有限）

1.0 -- 2021-10-20

添加了版本号

2020-01-10/uhi67

添加了匈牙利语翻译
现在可以与DateTime和整型属性值一起工作

2019-04-18/uhi67

现在可以与DateTime属性值一起工作

uhi67/ yii2-datepicker

维护者

详情