Question

这适用于花店，当客户填写表格时，他们必须选择日期（jquery datepicker）和交货时间（选择字段）。星期六与太阳星期五有不同的交货时间。我创建了两个不同的交付时间字段，并希望隐藏星期六，除非客户在日期选择器上选择星期六。

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

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

Answer 1

试试这个，希望这会对你有帮助，

$('.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();
 }

}
});

Answer 2

您可以使用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">

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

2 个答案: