一、效果图
二、关键代码
首先就是页面中时间选择器的出现绘画
<h4 class="box-title">查询条件
<select name="cars" id="cars" onchange="changeTimeFormat()">
<option value="day" selected>日期</option>
<option value="month">月份</option>
<option value="year">年份</option>
</select>
</h4>
<div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
</button>
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div>
<div class="box-body" align="center">
<div class="form-inline">
<div class="form-inline box-body" style="text-align: center;">