php bootstrap-datetimepicker

    开发语言:php

    框架:thinkphp 3.2

    问题:搜索条件 开始时间--结束时间

    解决工具: bootstrap-datetimepicker 插件

    

时间插件组合用法
1.公用部分
css: bootstrap.min.css
js:jquery-1.10.2.min.js

2特有部分
datatime组合
css:bootstrap-datetimepicker.min.css
js:bootstrap-datetimepicker.js
bootstrap-datetimepicker.zh-CN.js
$(".picker").datetimepicker({format: 'yyyy-mm-dd hh:ii'//日期格
式})

date组合
css:bootstrap-datepicker.min.css
js:bootstrap-datepicker.js
bootstrap-datepicker.zh-CN.js
$(".picker").datepicker({format: 'yyyy-mm-dd'//日期格式})

time组合
css:bootstrap-timepicker.min.css
js:bootstrap-timepicker.js
bootstrap-datepicker.zh-CN.js
$(".picker").timepicker({format: 'hh:ii:ss'//日期格式})

date、time都是由datetime简化而来,因此datetime可以表时全部。

注意使用date组合时,可能会与原有js、css冲突,注释看看
<!--<link rel="stylesheet"
href="../../../../Public/Assets/css/bootstrap.min.css">-->
<!--<script src="../../../../Public/Assets/js/jquery-
1.10.2.min.js"></script>-->

 

posted @   hao_1234_1234  阅读(364)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
历史上的今天:
2018-11-13 SQL 横转竖 、竖专横 列转行 行转列 表旋转 (转载)
2018-11-13 axios 中文文档(转载)
2018-11-13 webAPI 上传文件 404错误(转载)
2018-11-13 input type=file 上传文件样式美化(转载)
点击右上角即可分享
微信分享提示