sadi01 / yii2-daterangepicker
基于Bootstrap 4的波斯语日期范围选择器,适用于Yii2框架
v1.0.5
2022-03-24 12:42 UTC
Requires
- fortawesome/font-awesome: *
- yiisoft/yii2: ~2.0.0
README
适用于Yii2框架的波斯语日期范围选择器。
这是一个daterangepicker小部件,也是对daterangepicker的Yii 2增强包装。
安装
安装此扩展的首选方式是通过composer。
运行控制台命令
composer require sadi01/yii2-daterangepicker "*"
或在您的composer.json
文件的require
部分添加该包
{ "require": { "sadi01/yii2-daterangepicker": "*" } }
然后运行composer update
。
使用方法
扩展安装完成后,只需在您的代码中使用即可
<?= $form->field($model, 'date_range')->widget(dateRangePicker::classname(),[ 'options' => [ 'drops' => 'down', 'placement' => 'right', 'opens' => 'right', 'language' => 'fa', 'jalaali'=> true, 'showDropdowns'=> true, 'singleDatePicker' => false, 'useTimestamp' => true, 'locale'=> [ 'format'=> 'jYYYY/jMM/jDD' ], ], 'htmlOptions' => [ 'class' => 'form-control', 'id' => 'date_range', 'autocomplete' => 'off' ] ]); ?>
更多示例
自定义本地
<?= $form->field($model, 'from_date')->widget(dateRangePicker::classname(),[ 'options' => [ 'format' => 'jYYYY/jMM/jDD', 'viewformat' => 'jYYYY/jMM/jDD', 'drops' => 'down', 'placement' => 'right', 'opens' => 'right', 'language' => 'fa', 'jalaali'=> true, 'showDropdowns'=> true, 'singleDatePicker' => false, 'useTimestamp' => true, 'locale'=> [ 'format'=> 'jYYYY/jMM/jDD', 'jalaali' => true, 'separator'=> ' - ', 'applyLabel'=> Yii::t('yii', 'Apply'), 'cancelLabel' => Yii::t('yii', 'Cancel'), 'fromLabel' => Yii::t('yii', 'From'), 'toLabel' => Yii::t('yii', 'To'), 'customRangeLabel' => 'Custom', 'daysOfWeek'=> [ 'یک', 'دو', 'سه', 'چهار', 'پنج', 'جمعه', 'شنبه', ], 'monthNames'=> [ 'فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'آبان', 'آذر', 'دی', 'بهمن', 'اسفند', ], 'firstDay' => 6 ], ], 'htmlOptions' => [ 'class' => 'form-control', 'id' => 'from_date', 'autocomplete' => 'off', ] ]); ?>
日期时间范围选择器
<?= $form->field($model, 'date_time_range')->widget(dateRangePicker::classname(),[ 'options' => [ 'drops' => 'down', 'placement' => 'right', 'opens' => 'left', 'language' => 'fa', 'jalaali'=> true, 'showDropdowns'=> true, 'singleDatePicker' => false, 'useTimestamp' => true, 'timePicker' => true, 'timePicker24Hour' => true, 'timePickerSeconds' => true, 'locale'=> [ 'format' => 'jYYYY/jMM/jDD HH:mm:ss', ], ], 'htmlOptions' => [ 'class' => 'form-control', 'id' => 'date_time_range', 'autocomplete' => 'off', ] ]); ?>
单个日期时间选择器
<?= $form->field($model, 'from_date_time')->widget(dateRangePicker::classname(),[ 'options' => [ 'drops' => 'down', 'placement' => 'right', 'opens' => 'left', 'language' => 'fa', 'jalaali'=> true, 'showDropdowns'=> true, 'singleDatePicker' => true, 'useTimestamp' => true, 'timePicker' => true, 'timePicker24Hour' => true, 'timePickerSeconds' => true, 'locale'=> [ 'format' => 'jYYYY/jMM/jDD HH:mm:ss', ], ], 'htmlOptions' => [ 'class' => 'form-control', 'id' => 'from_date_time', 'autocomplete' => 'off', ] ]); ?>
设置Min
和Max
日期
<?= $form->field($model, 'date_range')->widget(dateRangePicker::classname(),[ 'options' => [ 'minDate' => '1399/09/09', 'maxDate' => '1401/01/01', 'drops' => 'down', 'placement' => 'right', 'opens' => 'right', 'language' => 'fa', 'jalaali'=> true, 'showDropdowns'=> true, 'singleDatePicker' => false, 'useTimestamp' => true, 'locale'=> [ 'format'=> 'jYYYY/jMM/jDD' ], ], 'htmlOptions' => [ 'class' => 'form-control', 'id' => 'date_range', 'autocomplete' => 'off' ] ]); ?>