2020-09-03

非常简单的Bootstrap时间组件（月-日-时-分）可自由组合

贴效果图：

原本只有选择 时-分，在此基础上修改源码添加了，月-日（1-31天）。

整体js与css比较简单，进行自我修改源码也时分方便，在这里感谢原作者。

转载于https://blog.csdn.net/weixin_30526593/article/details/95480363

 

开始：

先引入bootstrap依赖：

<link rel="stylesheet" href="css/bootstrap.min.css">

<script src="js/jquery.min.js"></script>

<script src="js/bootstrap.min.js"></script>

在引入timepicker文件

<link rel="stylesheet" href="css/timepicker/timePicker.css">

<script src="js/timepicker/jquery-timepicker.js"></script>

js与css网盘 连接：

链接：https://pan.baidu.com/s/13prm_DA9EiQCf1ceYkVIrA
提取码：rqa9
复制这段内容后打开百度网盘手机App，操作更方便哦

注册，调用

$("#day_input").hunterTimePicker();//显示时-分
$("#month_input").hunterTimePickerD();//显示日子，1-31

 注意：

hunterTimePicker（）；方法是原方法，调用后显示的时-分，

hunterTimePickerD（）；方法是我修改源码增加的方式，调用后显示图一，1-31天

html代码略，比较简单。