当在jquery datepicker中选择星期六时，如何隐藏元素并显示另一个元素？

Question

这是针对花店的，当客户填写表单时，他们必须选择日期(jquery datepicker)和送货时间(选择字段)。星期六和礼拜五的送货时间不同。我已经创建了两个不同的交付时间字段，并希望隐藏星期六的一个，除非客户在日期选择器上选择星期六。

这就是我到目前为止所拥有的。

$('.mydatepicker').datepicker(function() {
 if ($(day == 6)) {
   $('#delivery_time_normal').hide();
   } else {
   $('#delivery_time_saturday').show();
 }
});

Answer 1

您可以使用onSelect事件来捕获datepicker上的用户选择。此事件还将所选日期作为string接收，您可以将其解析为Date并获取相应的星期几，如下所示：

​

$(function() {
    $('#mydatepicker').datepicker( {
        onSelect: function(date) {
            var day = new Date(date).getDay();
            console.log("Selected weekday " + day);

            if (day == 6) {
                 $('#delivery_time_normal').hide();
            } else {
                 $('#delivery_time_saturday').show();
            }
        }
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script
  src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
  integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
  crossorigin="anonymous"></script>
  
  <input type="text" id="mydatepicker">

​

Answer 2

试试这个，希望这能帮到你，

$('.mydatepicker').datepicker(function() {
  onSelect: function(dateText, inst) {
  var date = $(this).datepicker('getDate');
  var day = date.getDay();

if (day == 6) {
   $('#delivery_time_normal').hide();
   } else {
   $('#delivery_time_saturday').show();
 }

}
});