Yii2 日期选择器答案

【问题标题】：Yii2 DatePickerYii2 日期选择器
【发布时间】：2016-11-08 22:55:39
【问题描述】：

我正在为 Yii2 中的出生日期字段运行 datePicker。我也在尝试显示年份。我检查了 JQuery 文档http://jqueryui.com/datepicker/#dropdown-month-year，我认为我可以使用changeYear 来实现这一点。但这似乎不起作用。这样做的方法是什么？这是我当前的代码。

<?= $form->field($model, 'date_of_birth')->widget(DatePicker::className(),[
   'name' => 'date_of_birth',
   'language' => 'en-GB',
   'dateFormat' => 'yyyy-MM-dd',
   'options' => [
      'changeMonth' => true,
      'changeYear' => true,
      'yearRange' => '1996:2099',
      'showOn' => 'button',
      'buttonImage' => 'images/calendar.gif',
      'buttonImageOnly' => true,
      'buttonText' => 'Select date'
    ],
]) ?>

【问题讨论】：

标签： jquery-ui yii2

【解决方案1】：

您应该简单地使用 clientOptions 而不是 options ：

'clientOptions' => [
    'changeMonth' => true,
    'yearRange' => '1996:2099',
    'changeYear' => true,
    'showOn' => 'button',
    'buttonImage' => 'images/calendar.gif',
    'buttonImageOnly' => true,
    'buttonText' => 'Select date'
],

【讨论】：

设置未知属性：kartik\date\DatePicker::clientOptions
使用 clientOptions 时使用相同的日期选择器并出现上述错误
不一样！

【解决方案2】：

您可以简单地使用 HTML5 日期类型。就是这么简单。您不需要添加小部件：

<?= $form->field($model, 'date_of_birth')->textField(['type' => 'date']);?>

这将添加日期选择器。

【讨论】：

它是更好的解决方案！

【解决方案3】：

您可以使用以下代码：

    use yii\helpers\Html;
    use yii\widgets\ActiveForm;
    use kartik\select2\Select2;
    use yii\helpers\ArrayHelper;
    use kartik\date\DatePicker;
    use yii\widgets\Pjax;

     <?=$form->field($model, 'columnName')->widget(DatePicker::classname(), [
        'language' => 'tr',
        'value' => date('dd/mm/yyyy', strtotime('+7 days')),
        'readonly' => true,
        #'disabled' => true,
        #'size' => 'lg',
        #'type' => DatePicker::TYPE_COMPONENT_APPEND,
        'options' => ['placeholder' => 'Başlangıç Tarihi Seç ...'],
        'pluginOptions' => [
            #'orientation' => 'top right',
            'format' => 'dd/mm/yyyy',
            'todayHighlight' => true,
            'todayBtn' => true,
            'autoclose'=>true,
        ]
]);?>

【讨论】：