PC網頁-js使用年月日-dist時間外掛
阿新 • • 發佈：2019-02-06
<body> 開始時間：<input type="text" name="startTime" id="startTime" class="input_width" value="<?php if( (isset($startTime) ) ){echo $startTime;}?>"><br> 結束時間：<input type="text" name="endTime" id="endTime" class="input_width" value="<?php if( (isset($endTime) ) ){echo $endTime;}?>" > <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript" src="js/dist/js/laydate.js"></script> <script> laydate({ format:'YYYY-MM-DD', elem: '#startTime' }); laydate({ format:'YYYY-MM-DD', elem: '#endTime' }); </script> </body>
2. 獲取到的是2018-03-23這樣格式的文字
3. 將這個時間文字轉換成時間戳（秒為單位）：
<script> $("按鈕的id或class").click(function(){ var startTime = myTrim( $("#startTime").val().trim() ); // 去除首尾空格 var endTime = myTrim( $("#endTime").val().trim() ); var date = new Date(startTime+' 0:0:0'); var startTimeStamp0 = Date.parse(date); // ms 毫秒 var startTimeStamp = startTimeStamp0/1000; // s 秒 var date2 = new Date(endTime+' 23:59:59'); var endTimeStamp0 = Date.parse(date2); // ms 毫秒 var endTimeStamp = endTimeStamp0/1000; // s 秒 if(startTimeStamp>endTimeStamp){ alert('開始時間不能大於結束時間'); return false; } location.href = 'index?startTimeStamp='+startTimeStamp+'&endTimeStamp='+endTimeStamp; return false; }); function myTrim(x) { return x.replace(/^\s+|\s+$/gm,''); } </script>
得到:
4. PHP的程式碼：
if($_GET['startTimeStamp']!='NaN'){ $map['where_arr']['m.create_time>='] = $_GET['startTimeStamp'] ; $list['startTime'] = date("Y-m-d ",$_GET['startTimeStamp'] ); } if($_GET['endTimeStamp']!='NaN'){ $map['where_arr']['m.create_time<='] = $_GET['endTimeStamp'] ; $list['endTime'] = date("Y-m-d ",$_GET['endTimeStamp'] ); }
