Question

我是Yii的新朋友。我添加了一个类，该类正在加载具有showButtonPanel属性的日期选择器，并且该类工作良好，但是当我单击重置网格或运行pjax代码时，datepicker可以正常工作，但是以某种方式显示datepicker上的按钮不可见，或者showButtonPanel属性不起作用不行这是用于此的代码。

$(document).ready(function() {
    callDatePickers();
});

function callDatePickers() {
    $('.anyDayDatePicker').datepicker({
        autoclose: true,
        pickTime: false,
        dateFormat: 'dd-M-yy',
        defaultDate: new Date(),
        showButtonPanel : true,
        closeText: 'Clear',
        onClose: function () {
            var event = arguments.callee.caller.caller.arguments[0];
            if ($(event.delegateTarget).hasClass('ui-datepicker-close')) {
                $(this).val('');
            }
        }
    }).focus(function (input ) {
        console.log("Hello");
        $(input).datepicker('widget').find('.ui-datepicker-current').hide();
        $('.ui-datepicker-close').addClass('clear-date-btn');
    });
}

和index.php

<?php \yii\widgets\Pjax::begin(['enablePushState' => false, 'id' => 'ictmsTrialEventFrom', 'formSelector' => '#ictms-search-form']); ?>

<?=
    GridView::widget([
        'id' => 'crud-datatable',
         'dataProvider' => $dataProvider,
         'filterModel' => $searchModel,
          'pjax' => false,
          'columns' => require(__DIR__ . '/_columns.php'),
     ])       
 ?>
<?php \yii\widgets\Pjax::end() ?>

columns.php

[
        'class' => '\kartik\grid\DataColumn',
        'attribute' => 'actual_date',
        'width' => '15%',
        'value' => function($model) {
            if (isset($model['actual_date'])) {
                return date(Yii::$app->params['dateFormat'], strtotime($model['actual_date']));
            }
        },
        'filter' => \yii\jui\DatePicker::widget([
            'model' => $searchModel,
            'attribute' => 'actual_date',
            'language' => 'ru',
            'dateFormat' => 'dd-MM-yyyy',
            'options' => ['class' => 'anyDayDatePicker'],
        ]),
    ],

有人可以给我解决方案，为什么在pjax之后showButtonPanel不起作用？预先感谢。

Answer 1

您宁愿在pjax:end事件上调用脚本，以便每当PJAX加载/重新加载完成将内容替换到页面上时，脚本便被称为

因此，替换以下代码

$(document).ready(function() {
    callDatePickers();
});

带有以下

$(document).on('ready pjax:end', function(event) {
  callDatePickers();
});

datepicker的showButtonPanel属性在yii中的pjax之后不起作用

1 个答案: