yii 框架实现按天,月,年,自定义时间段统计数(3)
前端
<div class="clearfix dashboard-time-select"> <div class="time-select"> <div class="row"> <div class="col-lg-2 col-md-2 col-sm-2"> <?= Html::dropDownList('day_type', $type, ['day' => Yii::t('backend', 'day'), 'month' => Yii::t('backend', 'month'), 'year' => Yii::t('backend', 'year'), 'range' => Yii::t('backend','range_time')], ['class' => 'type dashboard-time-type']) ?> </div> <div class="col-lg-7 col-md-7 col-sm-7"> <div class="dashboard-time-box"> <div class="dashboard-time-picker dashboard-time-day <?= ($type == 'day') ? '' : 'hide' ;?>"> <?= DateTimePicker::widget([ 'name' => 'time', 'value' => (!empty($time) && $type == 'day') ? $time : '', 'options' => ['placeholder' => Yii::t('backend', 'date'), 'autocomplete' => 'off', 'class' => 'time'], 'removeButton' => false, 'pluginOptions' => [ 'format' => 'yyyy-mm-dd', 'startView' => 'month', 'minView' => 'month', 'maxView' => 'month', 'autoclose' => true ] ]) ?> </div> <div class="dashboard-time-picker dashboard-time-month <?= ($type == 'month') ? '' : 'hide' ;?>"> <?= DateTimePicker::widget([ 'name' => 'time', 'value' => (!empty($time) && $type == 'month') ? $time : '', 'options' => ['placeholder' => Yii::t('backend', 'date'), 'autocomplete' => 'off', 'class' => 'time'], 'removeButton' => false, 'pluginOptions' => [ 'format' => 'yyyy-mm', 'startView' => 'year', 'minView' => 'year', 'maxView' => 'year', 'autoclose' => true ] ]) ?> </div> <div class="dashboard-time-picker dashboard-time-year <?= ($type == 'year') ? '' : 'hide' ;?>"> <?= DateTimePicker::widget([ 'name' => 'time', 'value' => (!empty($time) && $type == 'year') ? $time : '', 'options' => ['placeholder' => Yii::t('backend', 'date'), 'autocomplete' => 'off', 'class' => 'time'], 'removeButton' => false, 'pluginOptions' => [ 'format' => 'yyyy', 'startView' => 'decade', 'minView' => 'decade', 'maxView' => 'decade', 'autoclose' => true ] ]) ?> </div> <div class="dashboard-time-picker dashboard-time-range <?= ($type == 'range') ? '' : 'hide' ;?>"> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 range-start"> <?= DateTimePicker::widget([ 'name' => 'time', 'value' => (!empty($time) && $type == 'range') ? $time : '', 'options' => ['placeholder' => Yii::t('backend', 'date'), 'autocomplete' => 'off', 'class' => 'time time2'], 'removeButton' => false, 'pluginOptions' => [ 'format' => 'yyyy-mm-dd', 'startView' => 'month', 'minView' => 'month', 'maxView' => 'month', 'autoclose' => true ] ]) ?> </div> <div class="col-lg-6 col-md-6 col-sm-6 range-end"> <?= DateTimePicker::widget([ 'name' => 'time2', 'value' => (!empty($time2) && $type == 'range') ? $time2 : '', 'options' => ['placeholder' => Yii::t('backend', 'date'), 'autocomplete' => 'off', 'class' => 'time time2'], 'removeButton' => false, 'pluginOptions' => [ 'format' => 'yyyy-mm-dd', 'startView' => 'month', 'minView' => 'month', 'maxView' => 'month', 'autoclose' => true ] ]) ?> </div> </div> </div> </div> </div> <div class="col-lg-2 col-md-2 col-sm-2"> <?= Html::button(Yii::t('backend', 'sure'), ['class' => 'btn btn-success btn-dashboard-time', 'data-url' => $url]) ?> </div> </div> </div> </div>
内容版权声明:除非注明,否则皆为本站原创文章。