晴天有时候下猪

想做一个关于根据日期进行查询的功能，而此功能最好是能够选择输入的日期，这样就能够方便进行查询和格式化，当然咯在选择日期的时候应该选择一个日期范围，这样才能比较好的获取输入日期。
但是boostrap并没有直接提供一个可供输入的日期控件啊！！！为什么连一个可供输入的日期选择控件都不给我。好吧面对这种情况理论上应该自己添开发一个控件，可是我对前端真的不熟，臣妾真的做不到啊！所以我在网上搜索再三终于让我找到了一个比较好用的控件：https://github.com/dangrossman/bootstrap-daterangepicker这时此控件的git地址，控件的介绍很详细，使用起来也比较简单，总的来说就是选择起始日期和终止日期，最终显示在text标签上，控件的下载后介绍图片为：

通过此控件选择起始和终止日期，然后根据起始和终止日期作为一个表单提交给服务器，服务器获取此表单之后解析起止时间，然后在数据库中查询，最终将得到的查询结果显示出来。具体使用代码为：

通过代码可以看到，我们首先构建了一个表单，然后生成一个group标签，group标签中有输入的text，这个text与我们的daterangepicker绑定，然后有一个提交按钮，按钮设置图标，下面就是daterangepicker的js代码，然后在head中引入需要用到的头文件，整个控件就能使用了，由于我是在一个局部使用，所以时间选择为上下排布，这样我们得到了一个选择时间范围的搜索，具体情况如下：
上面一部分提到了数据范围输入提交表单，下面我们提一提循环显示框，在网上闲逛时突然发现一个超炫的显示窗口，于是乎也用到了我的界面上，虽然感觉有点不搭调，但是好歹看起来比较炫丽，显示效果为：

由于截动态图比较大，而且比较麻烦，所以懒得截动态图了，起始整个显示框是3D的且可以进行旋转，看起来是不是很吊，这个控件主要来源算了，找不到了，大家有兴趣可以网上找找，当然，这个控件还是有一些缺点的也不能说是缺点吧，就是感觉自己用的不是很好，在网页缩放的时候不能自动的进行响应式的布局，在这一点上我觉得对这个控件本身的应用造成了极大的限制，在此情况下，此控件做一个web端的界面是可以的，但是移植到移动端恐怕会引起一些不舒适。
下面是我整个代码的Git地址有兴趣可以下载下来看看：https://github.com/wuweiFrank/JavaDemo1