標籤:oct create 資料 style mat 年月日 asc 自動 選中
<!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>
bootstrap-datepicker 開始時間-結束時間 thinkphp