2017-10-10 104 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' 
    ] 
]); 
?>