实现方法就是借用clear按钮,和clear按钮的cancle事件了实现输入框中已经选择的日期数据
代码如下
[
'attribute' => 'created_time',
'format' => [
'date', 'php:Y-m-d H:i:s'
],
'width' => '350px',
'filterType' => GridView::FILTER_DATE_RANGE,
'filterWidgetOptions' => [
'model'=>$taskSearch,
'attribute'=>'created_time',
'convertFormat'=>true,
'startAttribute'=>'timeStart',
'endAttribute'=>'timeEnd',
'startInputOptions' => ['value' => $taskSearch->timeStart],
'endInputOptions' => ['value' => $taskSearch->timeEnd],
'autoUpdateOnInit' => false,
'pluginOptions'=>[
'timePicker' => true,
'timePickerIncrement' => 1,
'timePicker24Hour' => true,
'locale'=>[
'format'=>$taskSearch::TIME_FORMAT,
'cancelLabel' => 'Clear',
],
],
'pluginEvents' => [
"cancel.daterangepicker" => "function(ev, picker) {
console.log(picker.element);
var poleDate = picker.element[0].nextElementSibling;
var poleDate2 = picker.element[0].nextElementSibling.nextElementSibling;
var p3 = picker.element[0];
$(p3).val('');
$(poleDate2).val('');
$(poleDate).val('').trigger('change');
}",
],
'readonly' => true,
]
],