在 jQuery UI 日期选择器中仅显示一周中的两天
Display Only Two Days in week In jQuery UI Date Picker
我只需要在 jQuery UI 日历中显示 Monday
和 Thursdays
。我只能启用 Monday
,但不确定如何将 Thursdays
添加到 return 列表?
你也可以告诉我如何不显示其他日子(而不是呈现禁用按钮)吗?
$(function() {
$("#datepicker").datepicker({
beforeShowDay: function(date) {
var day = date.getDay();
return [(day == 1)];
}
});
});
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
Date:
<div id="datepicker"></div>
也添加星期四的条件。如果您想隐藏其他日期,请使用 css
$(function() {
$("#datepicker").datepicker({
beforeShowDay: function(date) {
const day = date.getDay();
const enable=(day === 1||day===4);
return [enable,enable?'':'hide'];
}
});
});
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<style>
.hide{
visibility: hidden;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
Date:
<div id="datepicker"></div>
我只需要在 jQuery UI 日历中显示 Monday
和 Thursdays
。我只能启用 Monday
,但不确定如何将 Thursdays
添加到 return 列表?
你也可以告诉我如何不显示其他日子(而不是呈现禁用按钮)吗?
$(function() {
$("#datepicker").datepicker({
beforeShowDay: function(date) {
var day = date.getDay();
return [(day == 1)];
}
});
});
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
Date:
<div id="datepicker"></div>
也添加星期四的条件。如果您想隐藏其他日期,请使用 css
$(function() {
$("#datepicker").datepicker({
beforeShowDay: function(date) {
const day = date.getDay();
const enable=(day === 1||day===4);
return [enable,enable?'':'hide'];
}
});
});
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<style>
.hide{
visibility: hidden;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
Date:
<div id="datepicker"></div>