DatePicker.php 6.47 KB
Newer Older
1 2 3 4 5 6 7 8 9
<?php
/**
 * @link http://www.yiiframework.com/
 * @copyright Copyright (c) 2008 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

namespace yii\jui;

10
use Yii;
11
use yii\base\InvalidParamException;
12
use yii\helpers\FormatConverter;
13
use yii\helpers\Html;
14
use yii\helpers\Json;
15 16

/**
17
 * DatePicker renders a `datepicker` jQuery UI widget.
18
 *
19
 * For example to use the datepicker with a [[yii\base\Model|model]]:
20 21
 *
 * ```php
Alexander Makarov committed
22
 * echo DatePicker::widget([
23
 *     'model' => $model,
24
 *     'attribute' => 'from_date',
25 26
 *     //'language' => 'ru',
 *     //'dateFormat' => 'yyyy-MM-dd',
Alexander Makarov committed
27
 * ]);
28 29 30 31 32
 * ```
 *
 * The following example will use the name property instead:
 *
 * ```php
Alexander Makarov committed
33
 * echo DatePicker::widget([
34
 *     'name'  => 'from_date',
35 36 37
 *     'value'  => $value,
 *     //'language' => 'ru',
 *     //'dateFormat' => 'yyyy-MM-dd',
Alexander Makarov committed
38
 * ]);
39
 * ```
40 41 42
 *
 * @see http://api.jqueryui.com/datepicker/
 * @author Alexander Kochetov <creocoder@gmail.com>
43
 * @author Carsten Brandt <mail@cebe.cc>
44 45
 * @since 2.0
 */
Alexander Kochetov committed
46
class DatePicker extends InputWidget
47
{
48 49 50 51 52 53 54 55 56 57 58 59 60 61
    /**
     * @var string the locale ID (eg 'fr', 'de') for the language to be used by the date picker.
     * If this property is empty, then the current application language will be used.
     */
    public $language;
    /**
     * @var boolean If true, shows the widget as an inline calendar and the input as a hidden field.
     */
    public $inline = false;
    /**
     * @var array the HTML attributes for the container tag. This is only used when [[inline]] is true.
     * @see \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.
     */
    public $containerOptions = [];
62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92
    /**
     * @var string the format string to be used for formatting the date value. This option will be used
     * to populate the [[clientOptions|clientOption]] `dateFormat`.
     * The value can be one of "short", "medium", "long", or "full", which represents a preset format of different lengths.
     *
     * It can also be a custom format as specified in the [ICU manual](http://userguide.icu-project.org/formatparse/datetime#TOC-Date-Time-Format-Syntax).
     * Alternatively this can be a string prefixed with `php:` representing a format that can be recognized by the
     * PHP [date()](http://php.net/manual/de/function.date.php)-function.
     *
     * For example:
     *
     * ```php
     * 'MM/dd/yyyy' // date in ICU format
     * 'php:m/d/Y' // the same date in PHP format
     * ```
     *
     * If not set the default value will be taken from `Yii::$app->formatter->dateFormat`.
     */
    public $dateFormat;
    /**
     * @var string the model attribute that this widget is associated with.
     * The value of the attribute will be converted using [[\yii\i18n\Formatter::asDate()|`Yii::$app->formatter->asDate()`]]
     * with the [[dateFormat]] if it is not null.
     */
    public $attribute;
    /**
     * @var string the input value.
     * This value will be converted using [[\yii\i18n\Formatter::asDate()|`Yii::$app->formatter->asDate()`]]
     * with the [[dateFormat]] if it is not null.
     */
    public $value;
93

94

95 96 97 98 99 100 101 102 103
    /**
     * @inheritdoc
     */
    public function init()
    {
        parent::init();
        if ($this->inline && !isset($this->containerOptions['id'])) {
            $this->containerOptions['id'] = $this->options['id'] . '-container';
        }
104 105 106
        if ($this->dateFormat === null) {
            $this->dateFormat = Yii::$app->formatter->dateFormat;
        }
107
    }
108

109 110 111 112 113 114
    /**
     * Renders the widget.
     */
    public function run()
    {
        echo $this->renderWidget() . "\n";
Qiang Xue committed
115

116 117
        $containerID = $this->inline ? $this->containerOptions['id'] : $this->options['id'];
        $language = $this->language ? $this->language : Yii::$app->language;
Qiang Xue committed
118

119 120 121 122 123 124
        if (strncmp($this->dateFormat, 'php:', 4) === 0) {
            $this->clientOptions['dateFormat'] = FormatConverter::convertDatePhpToJui(substr($this->dateFormat, 4), 'date', $language);
        } else {
            $this->clientOptions['dateFormat'] = FormatConverter::convertDateIcuToJui($this->dateFormat, 'date', $language);
        }

125
        if ($language != 'en-US') {
126
            $view = $this->getView();
Qiang Xue committed
127 128
            $bundle = DatePickerLanguageAsset::register($view);
            if ($bundle->autoGenerate) {
129
                $view->registerJsFile($bundle->baseUrl . "/ui/i18n/datepicker-$language.js", [
Qiang Xue committed
130 131 132
                    'depends' => [JuiAsset::className()],
                ]);
            }
133 134 135
            $options = Json::encode($this->clientOptions);
            $view->registerJs("$('#{$containerID}').datepicker($.extend({}, $.datepicker.regional['{$language}'], $options));");
        } else {
Qiang Xue committed
136
            $this->registerClientOptions('datepicker', $containerID);
137
        }
Qiang Xue committed
138 139 140

        $this->registerClientEvents('datepicker', $containerID);
        JuiAsset::register($this->getView());
141
    }
Qiang Xue committed
142

143 144 145 146 147 148 149
    /**
     * Renders the DatePicker widget.
     * @return string the rendering result.
     */
    protected function renderWidget()
    {
        $contents = [];
150

151 152 153 154 155 156 157
        // get formatted date value
        if ($this->hasModel()) {
            $value = Html::getAttributeValue($this->model, $this->attribute);
        } else {
            $value = $this->value;
        }
        if ($value !== null) {
158 159 160 161 162 163
            // format value according to dateFormat
            try {
                $value = Yii::$app->formatter->asDate($value, $this->dateFormat);
            } catch(InvalidParamException $e) {
                // ignore exception and keep original value if it is not a valid date
            }
164 165 166 167
        }
        $options = $this->options;
        $options['value'] = $value;

168
        if ($this->inline === false) {
169
            // render a text input
170
            if ($this->hasModel()) {
171
                $contents[] = Html::activeTextInput($this->model, $this->attribute, $options);
172
            } else {
173
                $contents[] = Html::textInput($this->name, $value, $options);
174 175
            }
        } else {
176
            // render an inline date picker with hidden input
177
            if ($this->hasModel()) {
178
                $contents[] = Html::activeHiddenInput($this->model, $this->attribute, $options);
179
            } else {
180
                $contents[] = Html::hiddenInput($this->name, $value, $options);
181
            }
182
            $this->clientOptions['defaultDate'] = $value;
183 184 185
            $this->clientOptions['altField'] = '#' . $this->options['id'];
            $contents[] = Html::tag('div', null, $this->containerOptions);
        }
Alexander Kochetov committed
186

187 188
        return implode("\n", $contents);
    }
189
}