Отображение текста / числа в поле ввода для выбранных дней и выходных

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