jQuery DatePicker Дата окончания отображения [Объект, объект] - PullRequest
Новая
       30

jQuery DatePicker Дата окончания отображения [Объект, объект]

1 голос
/ 01 мая 2019

Я пытаюсь добавить дату начала и дату окончания работы.Если я выбираю дату начала, то дата окончания начинается с даты начала, но если я выбираю дату начала, дата окончания отображается при выборе [объект, объект].Как мне решить эту проблему? 

<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;

    });
});

1 Ответ

0 голосов
/ 03 мая 2019

Трудно понять, не зная, что делает .datepicker, какой сборщик даты вы используете (у jQ есть только один? Честно говоря, я не знаю, его эпоха прошла, так что это меня интересует) и каковы его внутренние принципы

НО это то, что я бы попробовал - потому что 9 из 10 раз ИМХО это проблема того, что вы привязываете объект вместо его свойства, содержащего нужное вам значение.

Создайте точку останова в своем кодегде-то, где у вас есть start_date и end_date и после того, как вы используете DatePicker и запустите его в консоли (или добавите его в код в соответствующем месте). 

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

Это перечислит вам все реквизитыи содержимое этого объекта, так что вы можете заметить, эй, что start_date.date это то, что я на самом деле хочу.Он неглубокий, поэтому вы, возможно, захотите углубиться в определенное свойство, но, как я сказал 9 из 10, есть свойство с именем date, value, _d, которое содержит данные, которые вы хотите.

...