bootstrap 的时间控件(双日历)

 这段时间看了下bootstrap的时间控件,发现使用起来还是很简单的,趁着有时间的时候整理了一下,方便自己以后忘记的时候查阅。。。

废话不多说先上效果图

       

        bootstrap 的时间控件(双日历)_第1张图片     bootstrap 的时间控件(双日历)_第2张图片

接下来是代码实现

第一步当然是导入css、js之类的文件啦

复制代码

         后面那个时期样式图片样式
       
        日期控件样式


        

        moment是一个JavaScript日期处理类库
        时间范围控件

这个没有用到可忽视

复制代码

 第二部是html文件

复制代码


    

复制代码

第三部是js文件内容编写

复制代码

原文地址:https://www.cnblogs.com/whiteme/p/7196270.html

                 https://blog.csdn.net/hzw2312/article/details/72832382

你可能感兴趣的:(Bootstrap)