大佬教程收集整理的这篇文章主要介绍了突出显示,禁用jQuery UI datepicker中的特定日期,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
>突出显示日期选择器中的所有假期
>在日期选择器中禁用特定日期
>在日期选择器中禁用特定周末
我有各自的片段,但我想要一起
小提琴:Working Demo
突出显示假期
var holydays = ['10/17/2013','10/18/2013','11/2/2013']; function highlightDays(datE) { for (var i = 0; i < holydays.length; i++) { if (new Date(holydays[i]).toString() == date.toString()) { return [true,'highlight']; } } return [true,'']; } $(function () { $("#dp").datepicker({ minDate: 0,dateFormat: 'mm/dd/yy',inline: true,numberOfMonths: [1,2],dayNamesMin: ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'],beforeShowDay: highlightDays,}); });
禁用特定日期
var disabledDays = ["10-20-2013","10-21-2013","11-15-2013","11-17-2013"]; function disableAlltheseDays(datE) { var m = date.getMonth(),d = date.getDate(),y = date.getFullYear(); for (i = 0; i < disabledDays.length; i++) { if($.inArray((m+1) + '-' + d + '-' + y,disabledDays) != -1) { return [false]; } } return [true]; }
禁用周末
$(function() { $( "#availability" ).datepicker({ minDate: 0,beforeShowDay: $.datepicker.Noweekends }); });
任何人都可以帮助我..
提前致谢.
$(function () { $("#dp").datepicker({ minDate: 0,beforeShowDay: setCustomDate // <-----change function }); });
function setCustomDate(datE) { var clazz = ""; var arr1 = highlightDays(datE); if (arr1[1] != "") clazz = arr1[1]; var arr2 = disableAlltheseDays(datE); var arr3 = $.datepicker.Noweekends(datE); return [(!arr2[0] || !arr3[0]) ? false : true,clazz]; }
以上是大佬教程为你收集整理的突出显示,禁用jQuery UI datepicker中的特定日期全部内容,希望文章能够帮你解决突出显示,禁用jQuery UI datepicker中的特定日期所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。