twitter-bootstrap - daterangepicker - 日付範囲を 1 つだけ設定します (from/to)

Question

daterangepickerを使用して、次のような解決策を見つけようとしています:

00/00/0000 - 26/06/2014 または 26/06/2014 - 00/00/0000

開始日を「無制限」または終了日として設定するためにゼロまたはいくつかのチェックボックスを追加できません。

1つだけ（fromまたはto）に日付を設定する方法は?

Answer 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("");
        });