是的,可以将jquery datepicker中的可用日期设置为绿色。在jquery datepicker中,可以通过自定义CSS样式来修改可用日期的外观。以下是一种实现方法:
.available-date {
background-color: green !important;
color: white !important;
}
beforeShowDay
选项来设置可用日期的样式。$(function() {
$("#datepicker").datepicker({
beforeShowDay: function(date) {
// 在这里判断日期是否可用,如果可用则返回[true, 'available-date'],否则返回[false, '']
// 例如,假设可用日期是周一到周五
var day = date.getDay();
return [(day > 0 && day < 6), 'available-date'];
}
});
});
在上述代码中,beforeShowDay
函数用于判断日期是否可用。如果日期可用,返回一个数组,第一个元素为true
,第二个元素为自定义CSS类名"available-date"。如果日期不可用,返回一个数组,第一个元素为false
,第二个元素为空字符串。
<input type="text" id="datepicker">
这样,可用日期就会以绿色背景和白色文字的形式显示出来。
推荐的腾讯云相关产品:腾讯云服务器(CVM)和云数据库MySQL。
请注意,以上推荐的腾讯云产品仅供参考,具体选择应根据实际需求进行评估和决策。
云+社区技术沙龙[第17期]
企业创新在线学堂
云+社区沙龙online [技术应变力]
Elastic 实战工作坊
Elastic 实战工作坊
DB-TALK 技术分享会
云+社区沙龙online第5期[架构演进]
DBTalk技术分享会
DB TALK 技术分享会
领取专属 10元无门槛券
手把手带您无忧上云