bootstrap-datepicker 开始时间-结束时间 thinkphp
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 | <! DOCTYPE html> < head > < title >开始-结束时间测试</ title > </ head > < body > < div > < p >方式一</ p > < input type="text" name="datetimeStart" id="datetimeStart" value="{$map.datetimeStart}" placeholder="请选择开始日期" class="pull-left" readonly /> < input type="text" name="datetimeEnd" id="datetimeEnd" value="{$map.datetimeEnd}" placeholder="请选择结束日期" class="pull-left" readonly /> < p >方式二</ p > <!--<input type="text" class="picker" name="datetimeStart" value="{$map.datetimeStart}" placeholder="请选择开始日期" />--> -- <!--<input type="text" class="picker" name="datetimeEnd" value="{$map.datetimeEnd}" placeholder="请选择结束日期" />--> < label class="control-label pull-right">日期:</ label > </ div > </ body > < link rel="stylesheet" href="__PUBLIC__/Assets/css/datepicker.css"> < script src="__PUBLIC__/Assets/js/date-time/bootstrap-datepicker.min.js"></ script > < script src="__PUBLIC__/Assets/js/date-time/locales/bootstrap-datepicker.zh-CN.js"></ script > < script type="text/javascript"> //方式一 通过id选择器 $("#datetimeStart").datepicker({ format: 'yyyy-mm-dd',//格式 language: 'zh-CN',//语言 autoclose:true //选择后自动隐藏日历框 }); $("#datetimeEnd").datepicker({ format: 'yyyy-mm-dd', language: 'zh-CN', autoclose:true }); </ script > < script type="text/javascript"> ////方式二: 通过class选择器一下控制两个input标签,但class一般用于样式 // $(function () { // $(".picker").datepicker({ // language: "zh-CN", // autoclose: true,//选中之后自动隐藏日期选择框 // // clearBtn: true,//清除按钮 // // todayBtn: true,//今日按钮 // format: 'yyyy-mm-dd'//日期格式 // }); // }); </ script > < script > //后台接收 // $a=I(); // if(!empty($a['datetimeStart'])|| !empty($a['datetimeEnd'])){ // $start= strtotime($a['datetimeStart']); // $end= strtotime($a['datetimeEnd']); // //组装查询条件 // $where['create_time']=array(array('egt',$start),array('elt',$end),'and'); // // var_dump($where['create_time']); // //注意:1如果存入的数据包括年月日时分秒,而查询时只使用年月日,此时eq无效;建议使用datetime组合yyyy-mm-dd hh:ii 。 // //2 如果使用了连接查询 要带表的别名例如:join时 user as u ,那么查询条件 $where['u.create_time'] // } </ script > </ html > |
树立目标,保持活力,gogogo!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 开发者必知的日志记录最佳实践
· 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工具