【问题标题】:daterangepicker - set only one date range (from/to)daterangepicker - 只设置一个日期范围(从/到)
【发布时间】:2015-06-26 21:36:18
【问题描述】:

使用daterangepicker 我试图找到解决方案:

00/00/0000 - 26/06/2014 或 26/06/2014 - 00/00/0000

我无法添加零或某些复选框以将日期设置为“无限”或日期结束。

如何仅在一个(从或至)上设置日期?

【问题讨论】:

    标签: twitter-bootstrap daterangepicker


    【解决方案1】:

    由于缺乏功能,找到了一个懒惰的解决方案,我将提交到 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("");
            });
    

    【讨论】:

      猜你喜欢
      • 2021-12-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-01-23
      • 1970-01-01
      • 2020-04-26
      • 1970-01-01
      相关资源
      最近更新 更多