javascript - 根据选择的值/月/年更改日期

Question

我想根据所选值更改日期

$(document).on('change', '.payment_options', function () {
    var value = $('#value_select').val();
    var data = $('#per_month_year').val();
    var d = new Date();
    d.setMonth(d.getMonth() + value);
    var subs_till = d.toDateString();
    if (data == 'month') {
        expire_date = subs_till;
    } else {
      //if data == year, change the membership valid till the value enter: like 2 years, 3 years etc
    }
    $('#membership_till_date').html(expire_date);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<label>Choose Value</label>
<select name="" class="form-control payment_options" id="value_select">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
</select>

<label>Choose month/year</label>
<select name="" class="form-control payment_options" id="per_month_year">
    <option value="month">Month(s)</option>
    <option value="year">Year(s)</option>
</select>

<br>
<small>Membership valid from 'Today' to <span id="membership_till_date">"this have to change after choosing value/month-year"</span></small>

但问题是它在结果中给出了+5年，我想准确地显示数据，例如，如果他们选择值数据，则显示“直到现在+5个月的形式”，“成员(member)有效期部分中的“现在 2 年”等

Answer 1

当您获取文本字段的值时，您总是会返回一个字符串。

例如，如果您在 value_select 字段中选择数字 2，您的代码将返回字符串值“2”。

var value = $('#value_select').val();

所以你需要将字符串值转换为整数，你可以这样做:

var value = parseInt($('#value_select').val());

然后你的代码就可以工作了