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

pcww981p  于 2022-11-09  发布在  其他
关注(0)|答案(1)|浏览(170)

我是Yii的新手。我添加了一个类,在这个类上我加载了一个日期选择器,它有showButtonPanel属性,它工作得很好,但是当我点击重置网格或者当pjax代码运行时,日期选择器工作得很好,但是不知何故,日期选择器上的按钮不可见或者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() ?>

列.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'],
        ]),
    ],

有人能给予我解决为什么showButtonPanel在pjax后不工作吗?提前感谢。

km0tfn4u

km0tfn4u1#

您应该在发生pjax:end事件时调用脚本,以便每当PJAX加载/重新加载完成对页面内容的替换时,都会调用脚本
因此,请替换以下代码

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

具有以下内容

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

相关问题