获取日期范围选择器值

Getting daterangepicker value

我只能 return 第一次约会 selected,我希望能够得到一个包含所有内容的字符串!

我做了一些研究,让我遇到了很多类似的问题,比如这个:link 但我找不到我正在寻找的答案

这是我的代码:

HTML

<!-- Date range -->
        <div class="form-group">
            <label>Période:</label>
            <div class="input-group">
                <div class="input-group-addon">
                    <i class="fa fa-calendar"></i>
                </div>
                <input type="text" class="form-control pull-right" id="reservation" onchange=""/>
            </div><!-- /.input group -->
        </div><!-- /.form group -->

JAVASCRIPT

        $(function () {
            //Date range picker
            $('#reservation').daterangepicker({
                onSelect: function (d, i) {
                    if (d !== i.lastVal) {
                        $(this).change();
                    }
                }
            });
        });

        $(document).ready(function () {
            $("#reservation").change(function () {
                var date = $("#reservation").val() + "-" + $("#reservation").daterangepicker("getDate");
                $("#partialtable").load('@(Url.Action("GetDateResults", "Temps", null, Request.Url.Scheme))?date=' + date);
            });
        });

如果我 select 日期范围:06/01/2017 - 06/22/18 ,我只会在我的控制器中得到“06/01/2017”。

更新

"var date" 包含正确的值,但似乎在向控制器操作发送值时在第一个白色 space 处剪切字符串。

谢谢!

This link 解决了我的问题,解决方案是删除白色 space 因为该值包含一些。