o__荒年 2016-12-22 10:43:57 7335次浏览 9条评论 4 2 0

在widget中如下: 大概的参数有如下,

'filterType' =>GridView::FILTER_DATE_RANGE,//'\kartik\daterange\DateRangePicker',//过滤的插件,
'filterWidgetOptions'=>[
    'pluginOptions'=>[
        'autoUpdateOnInit'=>false,
        'showWeekNumbers' => false,
        'value' => '2017-06-11  - 2017-07-20',
        'useWithAddon'=>true,
        'convertFormat'=>true,
        'timePicker'=>false,
        'locale'=>[
            'format' => 'YYYY-MM-DD',
            'separator'=>' 到 ',
            'applyLabel' => '确定',
            'cancelLabel' => '取消',
            'fromLabel' => '起始时间',
            'toLabel' => '结束时间',
            'daysOfWeek'=>false,
        ],
        'opens'=>'left',
        //起止时间的最大间隔
        'dateLimit' =>[
            'days' => 300
        ]
    ],
    'options' => [
        'placeholder' => '请选择...',
        'style'=>'width:240px',
    ],
],
觉得很赞
亿速云
  • 评论于 2016-12-27 18:07 举报

    我用DateRangePicker做一个时间区间的搜索查询,当我在一个输入框中写入时间时,另一个输入框也会出现同样的时间,也就是同一天,请问是怎么回事

    [
        "filter"=>DateRangePicker::widget([
            'name' => 'CommentSearch[from_date]',
            'value' => '',
            'nameTo' => 'CommentSearch[to_date]',
            'valueTo' => '',
            'language' => 'zh-CN',
            'clientOptions' => [
                'autoclose'=>true,
                'format' => 'yyyy-m-dd'
            ]
        ]), 
    ]
    
    1 条回复
    评论于 2018-01-29 14:34 回复

    你好 您解决这个了 遇到相同的问题

  • 评论于 2016-12-29 09:35 举报

    楼主能展示下页面效果吗?

    1 条回复
    评论于 2016-12-29 10:26 回复

    可以看下下面的展示图

  • 评论于 2016-12-29 10:25 举报

    页面效果如下:
    QQ图片20161229102516.png

  • 评论于 2016-12-29 10:26 举报

    后台需要对该值进行切割后搜索

  • 评论于 2016-12-29 11:00 举报

    'value' => '2017-06-11 - 2017-07-20',这个是打开页面默认显示的时间段吗?

  • 评论于 2017-03-09 09:37 举报

    如何打开页面默认搜索一个时间段,例如,一打开页面,默认搜索本月内的信息

    2 条回复
    评论于 2017-03-09 09:45 回复

    可以如下这样子,
    $model->create_time = date('Y-m-d');
    create_time 是使用该插件的字段,在调用插件前先对create_time 字段进行赋值,

    评论于 2017-03-09 10:46 回复

    已经找到解决方法了,'autoUpdateOnInit'=>true,先开启初始化。 'pluginOptions'=>[

            'startDate'   => date("Y/m/01"),
            'endDate'     => date("Y/m/d"),],然后在pluginOptions添加开始时间和结束时间。谢谢楼主了。
    
  • 评论于 2017-12-05 16:41 举报

    找很久了,插件不错,收藏了

  • 评论于 2018-01-29 14:33 举报

    楼主这个解决啦吗 求教 遇到相同的问题

  • 评论于 2018-07-19 11:15 举报

    怎么配置清除 求教

您需要登录后才可以评论。登录 | 立即注册