我是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后不工作吗?提前感谢。
1条答案
按热度按时间km0tfn4u1#
您应该在发生
pjax:end
事件时调用脚本,以便每当PJAX加载/重新加载完成对页面内容的替换时,都会调用脚本因此,请替换以下代码
具有以下内容