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>
内容版权声明:除非注明,否则皆为本站原创文章。
