Question

我正在尝试添加工作的开始日期和结束日期。如果我选择开始日期，结束日期是从开始日期开始，但是如果我选择开始日期，结束日期将显示带有[对象，对象]的日期选择器。我该如何解决这个问题？

<div class="col-4">
    <div class="octo-form-group">
        <label for="sel1">Starting Date</label>
        <input v-model="start_date" type="text" class="form-control" id="startDates" placeholder="Starting Date" />
    </div>
</div>
<div class="col-4">
    <div class="octo-form-group">
        <label for="sel1">Ending Date</label>
        <input v-model="end_date" type="text" id="endDates" class="form-control" placeholder="Ending Date" />
    </div>
</div>

$(document).ready(function() {
    $("#startDates").datepicker({
        startDate: "today",
        format: 'yyyy-mm-dd',
        todayBtn: 1,
        autoclose: true
    }).on('changeDate', function(selected) {
        var minDate = new Date(selected.date.valueOf());
        $('#endDates').datepicker('setStartDate', minDate);
        vue.start_date = $("#startDates").val();
    });

    $("#endDates").blur(function() {
        var tes = $("#endDates").val();
        vue.end_date = tes;

    });
});

Answer 1

很难不知道.datepicker的功能，您正在使用什么日期选择器（jQ只有一个日期选择器？老实说，我不知道，它的时代已经过去，所以我对此很感兴趣）以及它的内在含义运作方式

这是我会尝试的-因为恕我直言，十分之九的问题是绑定对象而不是拥有所需值的属性的问题。

在具有start_date和end_date的地方在代码中创建一个断点，并在使用datepicker并在控制台中运行它（或将其添加到适当位置的代码中）之后。

Object.keys(start_date).map(function(prop){console.log("prop: " + prop +" value: " + start_date[prop])});

这将列出您该对象的所有道具和内容，因此您可能会注意到嘿，start_date.date是我真正想要的。它很浅，所以您可能想更深入地研究某些属性，但是正如我在10中有9说的那样，有一个名为date，value，_d的属性，可以保存您想要的数据。

jQuery datepicker结束日期显示[Object，object]

1 个答案: