aayaresko/yii2-widget-maskedinputdatepicker

Yii2小部件,允许使用inputmask jQuery插件与datepicker jQuery插件结合使用

v1.0.1-alpha 2015-05-23 13:11 UTC

This package is not auto-updated.

Last update: 2024-09-14 18:20:24 UTC


README

实现inputMask jQuery插件与DatePicker jQuery插件的结合使用

与DatePicker结合使用的InputMask小部件(使用jQuery插件)。

创建一个指定通过maskedInputOptions['mask']格式的DatePicker字段,并包含InputMask。

安装

安装此扩展的首选方式是通过composer。请查看composer.json,了解此扩展的需求和依赖关系。

要安装,请运行以下命令之一:

$ php composer.phar require aayaresko/yii2-widget-maskedinputdatepicker "*"

或者

"aayaresko/yii2-widget-maskedinputdatepicker": "*"

将以下内容添加到您的composer.json文件的require部分。

用法

上传所有必要的组件并准备小部件

use aayaresko\date\MaskedInputDatePicker
echo MaskedInputDatePicker::widget([
    'enableMaskedInput' => true,
    'maskedInputOptions' => [
        'mask' => '99.99.9999',
        'pluginEvents' => [
            'complete' => "function(){console.log('complete');}"
        ]
    ],
    'name' => 'dp_3',
    'type' => MaskedInputDatePicker::TYPE_COMPONENT_APPEND,
    'value' => '23.09.1982',
    'pluginOptions' => [
        'autoclose'=>true,
        'format' => 'dd.M.yyyy'
    ]
]);

重要

字段formatvaluemask的值必须相同

通过参数配置插件

  • enableMaskedInput - 是否使用InputMask(默认false - 不使用)
  • maskedInputOptions - inputmask jQuery插件配置参数,它必须包含以下数组:
    • 'pluginOptions' - jQuery插件设置;
    • 'pluginEvents' - jQuery插件事件;
    • 'mask' - 输入掩码。

许可证

yii2-widget-maskedinputdatepicker在BSD 3-Clause许可证下发布。有关详细信息,请参阅附带文件LICENSE.md