juqery一个日期的插件及其特定函数的含义_日期插件特定日期标记-优快云博客

本文介绍如何使用HTML和JQuery实现一个日期选择器，并通过代码示例展示了如何禁用特定的日期，例如节假日等，确保用户只能选择有效的工作日。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML样式带代码：

<b> 安裝日期：<input style="width: 150px; height: 25px"
						type="text" placeholder="請選擇安裝日期 *" name="registedday"
						id="datepicker" readonly="readonly">
				</b>

Jquery代码：

<script>
	$(function() { //把daysToDisable这个变量作为参数传递到函数disableSpecificDates中，把下面的这些日期都变为不可选中的
		var daysToDisable = [ '1-2-2017', '1-28-2017', '1-30-2017',
				'1-31-2017', '4-4-2017', '4-14-2017', '4-15-2017', '4-17-2017',
				'5-1-2017', '5-3-2017', '5-30-2017', '7-1-2017', '10-2-2017',
				'10-5-2017', '10-28-2017', '12-25-2017', '12-26-2017' ];

		$("#datepicker").datepicker({
			minDate : +2,          //当前时间推后两天才为可选的
			beforeShowDay : disableSpecificDates,   //在之前调用这个函数把一些日期进行特定的设置
			dateFormat : 'mm-dd-yy',
			maxDate : new Date(2017, 11, 31),
			onSelect : function(date) {            //选中这一栏触发的函数，注意没有onclick这个时间
				var name = $("#datepicker").val();
				if (name != "" && name != "請選擇安裝日期 *") {
					$("#registedtime").removeAttr("disabled");
				}
			}
		});

		function disableSpecificDates(date) {
			var month = date.getMonth();
			var day = date.getDate();
			var year = date.getFullYear();
			for (i = 0; i < daysToDisable.length; i++) {
				if ($.inArray((month + 1) + '-' + day + '-' + year,
						daysToDisable) != -1) {
					return [ false ];
				}
			}
			return [ true ];
		}
	});
</script>

详情请参考： http://www.jqueryui.org.cn/demo/5688.html