通过beforeShowDay在JQuery datePicker中返回多个值
通过beforeShowDay在JQuery datePicker中返回多个值
提问于 2020-05-31 08:34:18
我一直试图通过beforeShowDay禁用多个日期，其中一些是日期，有些是一周中的几天。
不幸的是，我只能让他们中的任何一个瘫痪。
var unavailableDates = ["2/6/2020", "4/6/2020"];
beforeShowDay: function(date) {
// Disabling Sundays
var day = date.getDay();
return [day != 0,''];
// Disabling Dates Array
findDate = date.getDate() + "/" + (date.getMonth() + 1) + "/" + date.getFullYear();
if ($.inArray(findDate, unavailableDates) == -1) {
return [true, ""];
} else {
return [false, "", "Unavailable"];
}
}PS，我需要在默认情况下禁用所有的星期日，但是只有在数组中才能找到日期。
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-05-31 09:29:48
请尝试在下面的代码中禁用数组中的日期，并将突出显示类添加到date元素中。
<html>
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css" />
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<script>
$(function () {
var dateArray = [ "2020-03-17", "2020-03-18","2020-03-20"];
$("#datepicker").datepicker({
dateFormat: 'yy-mm-dd',
beforeShowDay: function (date) {
var day = date.getDay();
// First convert all values in dateArray to date Object and compare with current date
var dateFound = dateArray.find(function(item) {
var formattedDate = new Date(item);
return date.toLocaleDateString() === formattedDate.toLocaleDateString();
})
// check if date is in your array of dates
if(dateFound) {
// if it is return the following.
return [false, 'css-class-to-highlight', 'tooltip text'];
} else {
// default
// Disable all sundays
return [(day != 0), '', ''];
}
}
});
});
</script>
<style type="text/css">
.css-class-to-highlight a{
background-color: blue !important;
color: #fff !important;
}
</style>
</head>
<body>
<form>
<div>
<div id="datepicker"></div>
</div>
</form>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62113567
复制相关文章
相似问题
腾讯云开发者
