标签:jquery Datepicker 01 return var ui date true disabledDays
jquery ui Datepicker 指定日期不可选,直接上代码。
//不可选日期列表
var disabledDays =['2021-12-29','2021-12-30','2021-12-31','2022-01-01','2022-01-02','2022-01-03'];
$( "#from_time" ).datepicker({
autoSize: true,
dateFormat: "yy-mm-dd",
monthNames: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
dayNamesMin: ["日", "一", "二", "叁", "肆", "伍", "陆"],
duration: "slow",
gotoCurrent: true,
minDate: new Date(),
navigationAsDateFormat: true,
showMonthAfterYear: true,
beforeShowDay:disableSpecificDays
/*beforeShowDay: function(in_date) {
var dateText = in_date.getFullYear() + '-'+ (in_date.getMonth() + 1) + '-' + in_date.getDate();
if($.inArray(dateText, disabledDays)!=-1){
return [false];
}
return [true];
}*/
});
function disableSpecificDays(date) {
var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
if (typeof(disabledDays) != "undefined") {
for (var i = 0; i < disabledDays.length; i++) {
if($.inArray(y + '-' + (m+1) + '-' +d ,disabledDays) != -1) {
return [false,'class-store-closed', ''];
}
}
}
return [true];
}
// CSS style
.class-store-closed {
可以为不可选日期设置样式
}
标签:jquery,Datepicker,01,return,var,ui,date,true,disabledDays 来源: https://blog.csdn.net/stwood007/article/details/121659446
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。