README

Flatpickr 是一个轻量级且功能强大的日期时间选择器。

从 mix8872/yii2-flatpickr 的变更

• 删除了 asset-packagist，仅使用 npm。为了能够在独立的 yii2-flatpickr 中使用 composer install，请将以下内容添加到 composer.json 中：

  
      "replace": {
          "bower-asset/jquery": "*",
          "bower-asset/inputmask": "*",
          "bower-asset/punycode": "*",
          "bower-asset/yii2-pjax": "*"
      }
  

  这告诉 composer，那些包已经提供。因此有效地防止它们被安装。

• 用 fontawesome 替换了 glyphicons

安装

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

运行

composer require --prefer-dist my6uot9/yii2-flatpickr "^3.0.0"

或添加

"my6uot9/yii2-flatpickr": "^3.0.0"

到您的 composer.json 文件的 require 部分。

资产安装

安装所需资产的首选方法是通过 nodejs。

npm install flatpickr@^4.6.3

或添加

 "flatpickr": "^4.6.3"

到您的 package.json 文件的 dependencies 部分。

使用方法

默认情况下，confirmDate 插件处于活动状态，并按以下方式配置：

    'plugins' => [
         'confirmDate' => [
               'confirmIcon'=> "<i class='fa fa-check'></i>",
               'confirmText' => 'OK',
               'showAlways' => false,
               'theme' => 'light',
         ],
    ],

访问 https://chmln.github.io/flatpickr/plugins/ 了解更多插件和配置信息。

• 区域设置自动设置为 strtolower(substr(Yii::$app->language, 0, 2));。
  可以通过直接设置 locale 来覆盖它。
• 一次只能使用一个主题，

<?php

use my6uot9\Flatpickr\FlatpickrWidget;

?>

<?= $form->field($model, 'published_at')->widget(FlatpickrWidget::class, [
    'locale' => 'fr', //default is strtolower(substr(Yii::$app->language, 0, 2))
    // 
    'clear' => false, // renders reset button, default is true
    'toggle' => true, // renders button to open calendar, default is false
    'clientOptions' => [
        // config options https://chmln.github.io/flatpickr/options/
        'allowInput' => false, //default is true
        'defaultDate' => $model->published_at ? date(DATE_ATOM, $model->published_at) : null,
        'enableTime' => true, //default is false      
    ],
]) ?>