0

我正在使用 daterangepicker 来选择 startDate 和 endDate。由于 startDate 工作正常，但 endDate 显示为无效日期。

这是我的代码：

var dateformat = "D MMM YYYY";

var displayDate = function() {
            var dateformat = "D MMM YYYY";
            var begin = moment($("#add-start-date").val());
            var end = moment($("#add-end-date").val());

            if( begin !== null && end !== null ) {
                $("#add-start-date").parent().removeClass("hidden");
                $("#add-start-date").parent().siblings().removeClass("hidden");
            } else if( begin !== null ) {
                $("#add-start-date").parent().removeClass("hidden");
                $("#add-start-date").parent().siblings().addClass("hidden");
            }

            if (begin !== null){
                $("#add-start-date").html(begin.format(dateformat));
            }
            if (end !== null){
                $("#add-end-date").html(end.format(dateformat));
            }

            $("#add-when-results").removeClass("hidden");
            // $(".facet-when h5").hide();

            if( begin === null && end === null) {
                $("#add-when-results").addClass("hidden");
                $(".facet-when h5").show();
            }
        };
$(function(){

    $(".facet-when").daterangepicker({
        format: dateformat,
        locale: {
            fromLabel: 'From',
            toLabel: 'To'
        },
        parentEl: "#mem-add-overlay .facet-when"
        },
        function(start, end) {
            var begin_string = "";
            var end_string = "";
            if( start !== null ) {
                begin_string = start.format("YYYY-MM-DD");
            }
            if( end !== null ) {
                end_string = end.format("YYYY-MM-DD");
            }
            $("#add-start-date").val(begin_string);
            if( begin_string === end_string  ) {
                $("#add-end-date").val("");

            } else {
                $("#add-end-date").val(end_string);
            }
            displayDate();
        });
});

html行：

<input id="id_add-when" maxlength="100" name="add-when" type="hidden">

单击输入字段时，它会打开日历。startDate 将是当前日期，endDate 将相同。如果我直接单击应用按钮，则 startDate 很好，但 endDate 返回 InvalidDate。再次，如果我选择 endDate 那么 endDate 就好了..

请有任何建议

4

0 回答 0