2015-06-26 68 views

回答

0

找到一个懒惰的解决方案由于缺乏功能性,我将提交给github上添加此功能无限日期范围:

$('#dpdiv').daterangepicker({ 
       'applyClass' : 'btn-sm btn-success', 
       'cancelClass' : 'btn-sm btn-default', 
       format: 'L', 
       showDropdowns: true, 
       showWeekNumbers: true, 
       singleDatePicker: false 
     }, 
     function(start, end, label) { 
       // not used 
     }) 
     .prev().on(ace.click_event, function(){ 
       $(this).next().focus(); 
     }); 

     $("body .daterangepicker .ranges .range_inputs button").first().before('<div><a href="#" id="daterangepicker_clear_start_date"> From - &infin;</a><br />'); 
     $("body .daterangepicker .ranges .range_inputs button").first().before('<div><a href="#" id="daterangepicker_clear_end_date"> To - &infin;</a><br /><br />'); 

     $('#dpdiv').on('apply.daterangepicker', function(ev, picker) { 


      var drp_from = $('body .daterangepicker .ranges .daterangepicker_start_input input').val(); 
      var drp_to = $('body .daterangepicker .ranges .daterangepicker_end_input input').val(); 

      if (drp_from.length == 0) 
      {      
       $(this).val("---- - " + picker.endDate.format('L')); 

       $("#dpr_hidden_div_start").val(""); 
       $("#dpr_hidden_div_end").val(picker.endDate.format('L')); 
      } 

      if (drp_to.length == 0) 
      {      
       $(this).val(picker.endDate.format('L') + "- ----"); 

       $("#dpr_hidden_div_start").val(picker.startDate.format('L')); 
       $("#dpr_hidden_div_end").val(""); 
      } 

      if (drp_from.length == 0 && drp_to.length == 0) 
      { 
       $(this).val(""); 

       $("#dpr_hidden_div_start").val(""); 
       $("#dpr_hidden_div_end").val(""); 
      } 

     }); 

     $('#dpdiv').on('cancel.daterangepicker', function(ev, picker) { 
      $('#dpdiv').val(''); //clear 
     }); 


    $("#dpr_hidden_div_start").on('click', function(){ 
      $('body .daterangepicker .ranges .daterangepicker_start_input input').val(""); 
     }); 

     $("#daterangepicker_clear_end_date").on('click', function(){ 
      $('body .daterangepicker .ranges .daterangepicker_end_input input').val(""); 
     });