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>

  

posted @   hao_1234_1234  阅读(524)  评论(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工具
点击右上角即可分享
微信分享提示