<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript" src="datePicker/WdatePicker.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
按日期置无效:
<input id="d1" type="text" class="Wdate" onFocus="WdatePicker({disabledDates:['2015-10-14','2015-10-16']})"/>
<br/><br/>
按日期置有效:
<input id="d2" type="text" class="Wdate" onFocus="WdatePicker({opposite:true,disabledDates:['2015-10-14','2015-10-16']})"/>
</body>
</html>
实际应用：
<input id="input_date" type="text" class="Wdate" style="width:120px;valign:center"/></div>
$(function() {
var validate_date_Array=new Array();
//查询所有有效的日期
$.ajax({
type:"POST",
url: basePath+"web/queryDateList.action",
dataType:"json",
async:false,
success: function(data){
var dataObj=data.dataObj;
//循环得到的List集合，放入数组中
$.each(dataObj,function(index,obj){
validate_date_Array[index]=obj.PUB_TIME;
});
//给个默认值
$("#input_date").val(validate_date_Array[0]);
}
});
//****关键代码****绑定日期控件的onfocus事件，同时将上面得到的有效日期数据绑定到控件中
$("#input_date").on("focus",function(dp){
WdatePicker({
opposite:true,//如果不设置则disabledDates参数中的值会是“无效日期”
disabledDates:validate_date_Array,//绑定数组
onpicked:function(dp){ //点击某一日期后触发
//获取当前选中的日期
var curDate=dp.cal.getNewDateStr();
}
});
});
});
相关推荐
《My97DatePicker：一款强大的JavaScript日期选择器》 在Web开发中，日期选择器是一个不可或缺的组件，它使得用户可以方便地输入或选择日期，极大地提升了用户体验。My97DatePicker就是这样一款强大的JavaScript...
此外，控件还支持日期范围限制，可以设置最小日期和最大日期，防止用户输入无效日期。 使用My97 DatePicker时，首先要在页面上添加控件引用，这通常涉及到在部分引入JavaScript和CSS文件，以及在部分放置控件的HTML...
8. **易用性**：My97DatePicker的使用简单，只需在ASP.NET页面上添加相应的控件，并通过属性设置进行配置，即可快速实现日期选择功能。 在实际开发中，My97DatePicker压缩包可能包含以下内容： 1. JavaScript文件...
4. **自定义时间和API库**：My97DatePicker不仅支持时间选择，还提供了丰富的API接口，使得开发者能够轻松地与后台数据交互，实现动态更新日期、设置默认值、禁用特定日期等功能。 5. **多语言支持**：为了满足全球...
**my97DatePicker：强大的日期选择插件** `my97DatePicker` 是一款广泛应用于Web开发中的日期选择器插件，它为用户提供了方便、友好的日期输入界面，极大地提升了用户体验。这款插件以其易用性和灵活性而备受赞誉，...
4. **日期范围限制**：可以设置日期选择范围，例如限定只能选择过去的日期或者未来的日期，有效防止用户输入无效日期。 5. **日期计算**：提供日期加减功能，用户可以通过简单的操作快速选择特定日期前或后的日期。...
1. **日期范围限制**：允许设置最小和最大可选日期，防止用户输入无效日期。 2. **自定义日期格式**：根据需求设定日期显示格式，如“YYYY-MM-DD”、“MM/DD/YYYY”等。 3. **日期计算**：支持日期的加减操作，方便...
My97DatePicker是一款广泛应用于Web开发中的JavaScript日期选择器组件，它以其强大的功能、高度的自定义性以及良好的用户体验而闻名。此功能文档详细介绍了My97DatePicker的各种特性及使用方法，旨在帮助开发者充分...
在实际开发中，将My97DatePicker集成到项目中，开发者需要按照readme.txt的指导进行引用，确保所有必要的CSS和JavaScript文件已正确加载，并根据项目需求进行配置，例如设置默认日期、选择语言等。然后，在需要添加...
- 数据过滤：在数据分析界面，允许用户通过My97DatePicker选择时间段，动态筛选展示数据。 - 日历功能：在日程管理应用中，My97DatePicker可以作为添加、修改事件的日期选择工具。 5. 扩展与兼容性： - 兼容性：...
My97日期控件 My97 DatePicker Ver 3.0.1是一款广泛应用于ASP.NET开发中的强大日期选择组件。这款控件以其用户友好的界面、丰富的功能和高度自定义的特性，深受开发者喜爱。在ASP.NET框架下，它极大地提高了日期输入...
<br>强大的日期范围限制功能 支持静态限制,动态限制,脚本自定义限制,以及无效天和无效日期功能,利用这样功能你可以任意定制不能选择的日期,这些日期即使毫无规律,毫无连续性,你也可以通过这些功能的组合...
My97DatePicker的特点在于其简洁的界面、多语言支持、日期格式可定制以及与多种服务器端技术的兼容性。它的核心功能包括： 1. **多语言支持**：My97DatePicker支持多种语言，开发者可以根据项目需求轻松切换语言...
2. **多功能**：支持多种日期格式，如年月日、年/月/日等，并可以设置日期范围限制，防止用户输入无效日期。 3. **自定义**：开发者可以根据自己的需求调整日期选择器的样式、语言、显示模式等，蓝色皮肤提供了基础...
- **日期范围限制**：可以设置可选日期范围，避免用户选择无效日期。 - **日期验证**：自动检查输入的日期是否合法，防止错误数据的录入。 - **日期计算**：支持日期加减操作，方便用户进行日期间的计算。 - **...
另外，My97DatePicker还有日期验证功能，可以防止用户输入无效的日期。 在性能优化方面，My97 DatePicker也做得相当不错。它的代码经过优化，加载速度快，不会对网页的整体性能造成太大影响。而且，该插件在用户...
强大的日期范围限制功能 支持静态限制,动态限制,脚本自定义限制,以及无效天和无效日期功能,利用这样功能你可以任意定制不能选择的日期,这些日期即使毫无规律,毫无连续性,你也可以通过这些功能的组合使用轻松搞定....
My97DatePicker是一款广泛应用于Web开发中的JavaScript日期选择器插件。它以其高效、易用、功能强大而受到开发者们的青睐。这款插件允许用户在网页上方便地选择日期，提高了用户界面的交互性和用户体验。下面我们将...
2. **多功能**：支持多种日期格式设置，如YYYY-MM-DD、YYYY/MM/DD等，还能设置日期范围限制，防止用户选择无效日期。 3. **可定制性强**：可以通过配置项自定义日期控件的显示方式、颜色、大小等，满足个性化需求。 ...