DateRangePicker教程的使用 [ 2.0 版本 ]

o__荒年 2016-12-22 10:43:57 13311次浏览 9条评论 5 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',
    ],
],
觉得很赞

共 9 条评论

默认排序
  • 评论于 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 回复

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

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

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

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

    可以看下下面的展示图

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

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

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

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

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

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

    回复 0 0
  • 评论于 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添加开始时间和结束时间。谢谢楼主了。
    回复 0 0
  • 评论于 2017-12-05 16:41 举报

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

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

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

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

    怎么配置清除 求教

    回复 0 0

发表评论

您需要登录后才可以评论。登录 | 立即注册
o__荒年
总监

o__荒年

注册时间：2015-01-17
最后登录：2019-06-29
在线时长：32小时27分
  • 粉丝6
  • 金钱2395
  • 威望40
  • 积分3115
私信

热门教程