根据选定的日期和周末在输入中显示文本/数字

Question

我想根据所选日期在文本框中显示金额。工作日金额为 200，周日金额为 500。我该如何在 jquery 中做到这一点？是否可以做到？我怎样才能在jquery中做到这一点？<input type="date" name="mass_date" id="txtDate" required="required" class="col-md-12" /><input type="text" class="form-control" id="slDay" name="amount"  />    

Answer 1

使用getDay. 将事件侦听器添加到输入更改，然后每次输入更改创建一个新日期，然后使用getDay返回日期编号的函数（0星期日）。

然后你可以放一个条件语句来改变form-control选择器。

$(function() {

  $("#txtDate").change(function() {

    var selDate = new Date(this.value);

    if (selDate.getDay() == 0) { //If sunday, can change your logic here

      $(".form-control").val(5000);

    } else {

      $(".form-control").val(2000);

    }

  })

});

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

<input type="date" name="mass_date" id="txtDate" required="required" class="col-md-12" />

<input type="text" class="form-control" id="slDay" name="amount" />

Answer 2

一个简单的版本

$(function() {

  $("#txtDate").change(function() {

    var dow = new Date(this.value).getDay();

    $(".form-control").val(dow === 1 || dow ===6 ? 2000 : 5000);

  })

});

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

<input type="date" name="mass_date" id="txtDate" required="required" class="col-md-12" />

<input type="text" class="form-control" id="slDay" name="amount"  />