时间戳

首页 > 解决方案 > 根据选定的日期和周末在输入中显示文本/数字

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

问题描述

我想根据所选日期在文本框中显示金额。工作日金额为 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"  />

标签： javascriptjqueryajax

解决方案

使用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" />

推荐阅读