2020-09-03

tech2024-05-14  89

非常简单的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代码略,比较简单。

最新回复(0)