gpt4 book ai didi

jquery-ui-datepicker - 在 jquery datepicker 中更改特定日期的背景颜色

转载 作者:行者123 更新时间:2023-12-01 10:59:01 24 4
gpt4 key购买 nike

我想知道如何在 datePicker 中的日期上设置背景颜色;我跟着很多教程,但我没有得到任何结果。

我有这个日期选择器:

<div id="datepicker"></div>

最佳答案

以防万一 Mongoose 的链接有一天坏了,最好在 StackOverflow 上发布完整的答案:

这是使用 beforeShowDay 的日期选择器外观的工作代码片段和屏幕截图jQueryUI 日期选择器的功能:

$(document).ready(function() {
var SelectedDates = {};
SelectedDates[new Date('04/05/2016')] = new Date('04/05/2016');
SelectedDates[new Date('05/04/2017')] = new Date('05/04/2017');
SelectedDates[new Date('06/06/2018')] = new Date('06/06/2018');

$('#txtDate').datepicker({
beforeShowDay: function(date) {
var Highlight = SelectedDates[date];
if (Highlight) {
return [true, "Highlighted", Highlight];
}
else {
return [true, '', ''];
}
}
});
});
body
{
font-family:Arial;
font-size : 10pt;
padding:5px;
}

.Highlighted a{
background-color : Green !important;
background-image :none !important;
color: White !important;
font-weight:bold !important;
font-size: 12pt;
}
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>

<input type='text' id='txtDate' />


What it looks like

fiddle : http://jsfiddle.net/jquerybyexample/cqf9d/?utm_source=website&utm_medium=embed&utm_campaign=cqf9d

文档: Jquery ui documentation on beforeShowDay

关于jquery-ui-datepicker - 在 jquery datepicker 中更改特定日期的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12944853/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com