在php中选择特定日期时,更改文本框的值

时间:2020-10-19 07:46:48

标签: javascript jquery

当我在输入类型日期中选择特定日期时,我想更改文本框的金额。当用户单击11月2日的日期时,金额文本框应为100rs,而单击周日的金额为500rs,其他金额为是300。我该怎么办 这是代码

<script type="text/javascript">
$(function() {
  $("#txtDate").change(function() {
    var selDate = new Date(this.value);
    if (selDate.getDay() == 0) { //If sunday, can change your logic here
      $(".form-control").val(500);
    } else {
      $(".form-control").val(300);
    }
  })
});
</script>



<input type="date" name="mass_date" id="txtDate" required="required" class="col-md-12"  min="<?php echo date('Y-m-d', strtotime("+2 days")); ?>" max="<?php echo date("Y-m-d", strtotime("2020-09-30"));?>"    value="<?php if(isset($_GET['mass_date'])) { echo $_GET['mass_date']; } ?>" />

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

1 个答案:

答案 0 :(得分:0)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
  $("#txtDate").change(function() {
    const selDate = new Date(this.value);
    const dayOfMonth = selDate.getDate();
    const month = selDate.getMonth() + 1;
    const dayOfWeek = selDate.getDay();

    if (month === 11 && dayOfMonth === 2) {
      $(".form-control").val(100);
    }
    else if (dayOfWeek === 0) {
      $(".form-control").val(500);
    }
    else {
      $(".form-control").val(300);
    }
  })
});
</script>



<input type="date" name="mass_date" id="txtDate" required="required" class="col-md-12"  min="<?php echo date('Y-m-d', strtotime("+2 days")); ?>" max="<?php echo date("Y-m-d", strtotime("2020-09-30"));?>"    value="<?php if(isset($_GET['mass_date'])) { echo $_GET['mass_date']; } ?>" />

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