# yii2-jui
**Repository Path**: mirrors_yiisoft/yii2-jui
## Basic Information
- **Project Name**: yii2-jui
- **Description**: Yii 2 JQuery UI extension.
- **Primary Language**: Unknown
- **License**: BSD-3-Clause
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-19
- **Last Updated**: 2026-04-25
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
JUI Extension for Yii 2
This is the JQuery UI extension for [Yii framework 2.0](https://www.yiiframework.com). It encapsulates [JQuery UI widgets](https://jqueryui.com/) as Yii widgets,
and makes using JQuery UI widgets in Yii applications extremely easy.
For license information check the [LICENSE](LICENSE.md)-file.
Documentation is at [docs/guide/README.md](docs/guide/README.md).
[](https://packagist.org/packages/yiisoft/yii2-jui)
[](https://packagist.org/packages/yiisoft/yii2-jui)
[](https://github.com/yiisoft/yii2-jui/actions)
[](https://codecov.io/gh/yiisoft/yii2-jui)
Installation
------------
> [!IMPORTANT]
> - The minimum required [PHP](https://www.php.net/) version is PHP `7.4`.
> - It works best with PHP `8`.
The preferred way to install this extension is through [composer](https://getcomposer.org/download/).
Either run
```
php composer.phar require --prefer-dist yiisoft/yii2-jui
```
or add
```
"yiisoft/yii2-jui": "~2.0.0"
```
to the require section of your `composer.json` file.
Usage
-----
The following
single line of code in a view file would render a [JQuery UI DatePicker](https://api.jqueryui.com/datepicker/) widget:
```php
= yii\jui\DatePicker::widget(['name' => 'attributeName']) ?>
```
Configuring the Jquery UI options should be done using the clientOptions attribute:
```php
= yii\jui\DatePicker::widget(['name' => 'attributeName', 'clientOptions' => ['defaultDate' => '2014-01-01']]) ?>
```
If you want to use the JUI widget in an ActiveForm, it can be done like this:
```php
= $form->field($model,'attributeName')->widget(DatePicker::className(),['clientOptions' => ['defaultDate' => '2014-01-01']]) ?>
```