原生js时间选择器(前面的时间一定小于后面那个的时间,日期、月份、年份三个选择)

一、效果图

二、关键代码

首先就是页面中时间选择器的出现绘画

          <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;">
  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值