Jquery получить дату окончания на основе количества дней и даты начала, используя jquery

Question

У меня есть поле ввода (Количество дней) с кнопками увеличения и уменьшения и полем С и По.

Когда пользователь выбирает число дней без нажатия кнопки +/- и выбирает От даты, конец дата должна быть рассчитана автоматически на основе количества дней. Также Сумма Акции должна быть рассчитана на основе количества дней в поле Сумма акции в соответствии с 10 / - днем.

Поле Количество дней HTML: -

<div class="field qty">
<label class="label"><?= $block->escapeHtml(__('No Of Days')) ?>:</label>
<div class="control">
    <div class="cart-qty">
        <div class="qty-ctl">
            <button title="<?= __('Decrease') ?>" type="button" data-role="change_cart_qty" class="up" data-qty="-1" class="decrease"></button>
        </div>
        <input type="number" class="qty" name="qty" id="noofdays" maxlength="12" value="<?= $defaultNoofDays * 1 ?>" title="<?php echo __('Qty') ?>" class="input-text qty" data-validate="<?php echo $block->escapeHtml(json_encode($wmhelper->getNoofDaysValidation())) ?>" />
        <div class="qty-ctl">
            <button title="<?= __('Increase') ?>" type="button" data-role="change_cart_qty" data-qty="1" class="down"></button>
        </div>
    </div>
</div>

<div class="control">
    <label class="label"><?= $block->escapeHtml(__('Banner From')) ?>:</label>
    <input type="text" name="promotion_from_date" id="promotion-from-date" class="input-text" value="" />
</div>


<div class="control">
    <label class="label"><?= $block->escapeHtml(__('Banner To')) ?>:</label>
    <input type="text" name="promotion_to_date" id="promotion-to-date" class="input-text" value=""/>
</div>

Я хочу сделать это, используя jQuery, Может ли кто-нибудь помочь мне в этом.

Я использую ниже jQuery код, и он дает мне предыдущее значение клика в предупреждении: -

    $('.up').on('mouseup', function add() 
{
    var $numberOfdays = $("#noofdays");
    var a = $numberOfdays.val();

    alert(a);
}); 

$('.down').on('mouseup', function subst() 
{
    var $numberOfdays = $("#noofdays");
    var b = $numberOfdays.val();
    alert(b);
});

Какое событие я хочу использовать, чтобы получить после значения клика.

Answer 1

Позвольте мне привести простой пример, он будет работать, если вы используете datepicker. Он вычислит ваш promotion-to-date на основе изменения дней, а также изменения promotion-from-date

    DateChangeWithDays();
    function DateChangeWithDays()
    {
        var days = parseInt($('#noofdays').val());

        var nextDayDate = $('#promotion-from-date').datepicker('getDate', '+'+days+'d');
        nextDayDate.setDate(nextDayDate.getDate() + days);
        $('#promotion-to-date').datepicker('setDate',nextDayDate);

        return true;
    }

Теперь вызовите эту функцию с событием, меняющим дни, а также promotion-from-date средство выбора, как это ...

$('#promotion-from-date, #noofdays').change(function()
    {
      DateChangeWithDays();
    }