bootstrap 日历

最新推荐文章于 2024-05-10 09:49:31 发布

xiaosongwahaha

最新推荐文章于 2024-05-10 09:49:31 发布

阅读量922

点赞数

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/xiaosongwahaha/article/details/78866311

版权

前端专栏收录该内容

15 篇文章

订阅专栏

本文介绍了如何在项目中集成Bootstrap的时间选择器插件。首先，通过引入必要的CSS和JS文件，然后展示如何初始化时间控件，并提供了示例代码。最后，提到获取选定时间的方式与jQueryUI日历类似。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

http://www.jq22.com/jquery-info378 可以下载相关控件包和看到先关示例。

1、引入文件

2、初始化

//时间控件初始化
$('#daterangepicker-time').daterangepicker({
timePicker: true,
timePickerIncrement: 30,
format: 'MM/DD/YYYY h:mm A'
}, function(start, end, label) {
//console.log(start.toISOString(), end.toISOString(), label);
});
$('#delete-time').daterangepicker({
timePicker: true,
timePickerIncrement: 30,
format: 'MM/DD/YYYY h:mm A'
}, function(start, end, label) {
//console.log(start.toISOString(), end.toISOString(), label);
});