代码之家  ›  专栏  ›  技术社区  ›  Jonnny

Yii2日期选择器

  •  6
  • Jonnny  · 技术社区  · 11 年前

    我在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'
        ],
    ]) ?>
    
    3 回复  |  直到 11 年前
        1
  •  15
  •   soju    11 年前

    您只需使用 clientOptions 而不是 options :

    'clientOptions' => [
        'changeMonth' => true,
        'yearRange' => '1996:2099',
        'changeYear' => true,
        'showOn' => 'button',
        'buttonImage' => 'images/calendar.gif',
        'buttonImageOnly' => true,
        'buttonText' => 'Select date'
    ],
    
        2
  •  7
  •   Awais Mustafa    10 年前

    您可以简单地使用HTML5日期类型。这太简单了。您不需要添加小部件:

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

    这将添加日期选择器。

        3
  •  1
  •   Mahmut Aydın    9 年前

    您可以使用以下代码:

        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,
            ]
    ]);?>