首页 > 代码库 > bootstrap-datepicker 开始时间-结束时间 thinkphp

bootstrap-datepicker 开始时间-结束时间 thinkphp

2024-10-07 12:40:39   217人阅读

<!DOCTYPE html>
<head>
    <title>开始-结束时间测试</title>

</head>
<body>
<div>
    <p>方式一</p>
    <input  type="text" name="datetimeStart"    id="datetimeStart"  value="http://www.mamicode.com/{$map.datetimeStart}" placeholder="请选择开始日期"  class="pull-left"  readonly />
    <input  type="text" name="datetimeEnd"   id="datetimeEnd"  value="http://www.mamicode.com/{$map.datetimeEnd}" placeholder="请选择结束日期"  class="pull-left"   readonly  />

    <p>方式二</p>
    <!--<input type="text" class="picker" name="datetimeStart"  value="http://www.mamicode.com/{$map.datetimeStart}"  placeholder="请选择开始日期" />-->
    --
    <!--<input type="text" class="picker" name="datetimeEnd"  value="http://www.mamicode.com/{$map.datetimeEnd}"   placeholder="请选择结束日期" />-->
    <label class="control-label pull-right">日期：</label>
</div>


</body>

<link rel="stylesheet" href="http://www.mamicode.com/__PUBLIC__/Assets/css/datepicker.css">
<script src="http://www.mamicode.com/__PUBLIC__/Assets/js/date-time/bootstrap-datepicker.min.js"></script>
<script src="http://www.mamicode.com/__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>

　　

bootstrap-datepicker 开始时间-结束时间 thinkphp


联系
我们