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

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() {&nbsp; $("#txtDate").change(function() {&nbsp; &nbsp; var selDate = new Date(this.value);&nbsp; &nbsp; if (selDate.getDay() == 0) { //If sunday, can change your logic here&nbsp; &nbsp; &nbsp; $(".form-control").val(5000);&nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; $(".form-control").val(2000);&nbsp; &nbsp; }&nbsp; })});<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() {&nbsp; $("#txtDate").change(function() {&nbsp; &nbsp; var dow = new Date(this.value).getDay();&nbsp; &nbsp; $(".form-control").val(dow === 1 || dow ===6 ? 2000 : 5000);&nbsp; })});<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"&nbsp; />