compare_timer.blade.php 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <form action="{{route($action_name)}}" method="get" id="timter_form">
  2. <div class="inside_timer_box" style="width:585px;">
  3. <span style="float: left;padding-top: 5px;margin-right: 10px;">时间范围:</span>
  4. <div class="select_input_date">
  5. <input name="start_date" type="text" class="input_for_date date-item" id="start_date" autocomplete="off" value="{{$date_params['compare_start_date']}}" style="width: 200px;box-sizing: border-box;" placeholder=" " {{--lay-key="7"--}}>
  6. </div>
  7. <div class="line"> - </div>
  8. <div class="select_input_date">
  9. <input name="end_date" type="text" class="input_for_date date-item" id="end_date" autocomplete="off" value="{{$date_params['compare_end_date']}}" style="width: 200px;box-sizing: border-box" placeholder=" " {{--lay-key="7"--}}>
  10. </div>
  11. <div class="search_btn">查询</div>
  12. </div>
  13. <div class="clear"></div>
  14. </form>
  15. <script type="text/javascript" src="{{theme_asset('statistics/js/laydate/laydate.js')}}"></script>
  16. <script type="text/javascript">
  17. var allDate = $(document).find('.date-item');
  18. allDate.each(function(index, el) {
  19. $(this).removeAttr("lay-key");
  20. laydate.render({
  21. elem: this,
  22. format: 'yyyy-MM-dd',
  23. range: true
  24. });
  25. });
  26. $('.inside_timer_box .search_btn').click(function(){
  27. var startDate = $("#start_date").val();
  28. var endDate = $("#end_date").val();
  29. if (startDate == '' && endDate == '') {
  30. alert('请选择过滤时间');return false;
  31. }
  32. $('#timter_form').submit();
  33. });
  34. </script>