2017-10-10 79 views
3

我使用Yii2,我想有以下几点:Yii2自举时段选择器

  • 与“范围”的下拉作为项目(周,整周,周末等)(完成)
  • 甲RangePicker,基于所选择的范围将:
    • 仅允许某些天作为起始日期(例如:一周=星期一;周末=星期六)
    • 将自动选择端基于s的日期馅饼日期(例如:周:星期一至星期五;整周:周一至周日;周末:周六至周日等)

对于下拉列表,它的罚款。但对于DateRangePicker,我开始使用Krajee DateRangePicker

  • 我没有找到“onStartDateSelected”(我只看到了一个选择的范围时调用的回调,而不是个别的开始日期和结束日期回调)
  • 我没有看到一个“setStopDate”功能
  • 我不知道如何动态地改变周

我看到,我们可以有一个像“最后的7一组预定义时段的可用天天“,”本月“等,但这是不是我想要的。我希望用户能够选择开始日期,但会根据用户设置的内容自动计算结束日期。

(我在web开发是新的,所以请,如果你发现任何东西,我可以提高我的问题,不要害怕分享吧)

回答

0

enter image description here您可以使用以下方法来完成任务:

使用下列库:

use kartik\date\DatePicker; 

使用下面的代码中的观点:

<?php 
$layout3 = '<span class="input-group-addon">From Date</span> 
     {input1} 
     <span class="input-group-addon">To Date</span> 
     {input2} 
     <span class="input-group-addon kv-date-remove"> 
      <i class="glyphicon glyphicon-remove"></i> 
     </span>'; 
$previousDay = strtotime('-7 day', strtotime(date('d-M-Y'))); //Set as per your requirement[![enter image description here][1]][1] 
echo DatePicker::widget([ 
    'type' => DatePicker::TYPE_RANGE, 
    'name' => 'startDate', 
    'value' => date('d-M-Y', $previousDay), 
    'name2' => 'endDate', 
    'value2' => date('d-M-Y'), 
    'separator' => '<i class="glyphicon glyphicon-resize-horizontal"></i>', 
    'layout' => $layout3, 
    'pluginOptions' => [ 
     'autoclose' => true, 
     'format' => 'dd-M-yyyy' 
    ] 
]); 
?>