Question

如果星期六是星期六，如何禁用select option字段？

我有一个input和一个select。

<input type="text" name="date">11/15/2016

<select>
    <option value="car">Car</option>
    <option value="boat">Boat</option>
</select>

这是我的javascript：

if(???) {
   $("option[value='boat']").attr("disabled", "disabled");
}

如果input date是星期六，我应该在if语句中添加什么内容？

Answer 1

var today = new Date('2016-11-15');
if(today.getDay() == 6) {//6 is saturday
    ...// disable the option value
}

Answer 2

使用所选值将其转换为日期对象。

var selectedDate = new Date("11/15/2016");

// Use the get day method that will give you the day of the week.

if(selecteddate.getDay() === 6) {
     // your code
}

Answer 3

您可以使用：

Date.prototype.getUTCDay()

getUTCDay（）方法返回指定的星期几根据世界时的日期，其中0代表星期日。
Date Instance new Date(dateString)

创建表示单个时刻的JavaScript Date实例及时。日期对象基于时间值，即时间值自1970年1月1日UTC以来的毫秒数。
prop()而不是attr()。

＆＃13;

var $dateInput = $("#dateInput"),
  $option = $("option[value='boat']");

$dateInput.on("change", function() {
  var date = new Date($dateInput.val());
  if (date.getUTCDay() === 6) {
    $option.prop("disabled", true);
  } else {
    $option.prop("disabled", false);
  }
  console.log(date);
  console.log(date.getUTCDay());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<input type="date" name="date" id="dateInput">

<select>
  <option value="car">Car</option>
  <option value="boat">Boat</option>
</select>

＆＃13;

如果输入是某一天，则禁用选择选项

3 个答案: