正文
bootstrap-datepicker 开始时间-结束时间 thinkphp
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
<!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>
