<%@ 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();
}
});
});
});
相关推荐
<br>强大的日期范围限制功能 支持静态限制,动态限制,脚本自定义限制,以及无效天和无效日期功能,利用这样功能你可以任意定制不能选择的日期,这些日期即使毫无规律,毫无连续性,你也可以通过这些功能的组合...
强大的日期范围限制功能 支持静态限制,动态限制,脚本自定义限制,以及无效天和无效日期功能,利用这样功能你可以任意定制不能选择的日期,这些日期即使毫无规律,毫无连续性,你也可以通过这些功能的组合使用轻松搞定. ...
强大的日期范围限制功能 支持静态限制,动态限制,脚本自定义限制,以及无效天和无效日期功能,利用这样功能你可以任意定制不能选择的日期,这些日期即使毫无规律,毫无连续性,你也可以通过这些功能的组合使用轻松搞定....
My97DatePicker,支持静态限制，动态限制，脚本自定义限制，以及无效天和无效日期功能，利用这样功能可以任意定制不能选择的日期，这些日期即使毫无规律，毫无连续性，也可以通过这些功能的组合使用轻松搞定·
My97DatePicker日期控件使用引入js脚本目录，注意必须用() %>来获取项目根目录+脚本目录的方式，否则日期控件会无效！！！ <script type="text/javascript" src="() %>/js/My97DatePicker/WdatePicker.js"></script>...
支持静态限制,动态限制,脚本自定义限制,以及无效天和无效日期功能,利用这样功能你可以任意定制不能选择的日期,这些日期即使毫无规律,毫无连续性,你也可以通过这些功能的组合使用轻松搞定.自定义事件和丰富的API库。...
很好用的js日期控件,支持静态限制，动态限制，脚本自定义限制，以及无效天和无效日期功能，利用这样功能你可以任意定制不能选择的日期，这些日期即使毫无规律，毫无连续性，你也可以通过这些功能的组合使用轻松搞定...
2、强大的日期范围限制功能，支持静态限制，动态限制，脚本自定义限制，以及无效天和无效日期功能，你可以任意定制不能选择的日期，这些日期即使毫无规律，毫无连续性。3、多语言支持和自定义皮肤支持，通过lang属性...
支持静态限制,动态限制,脚本自定义限制,以及无效天和无效日期功能,利用这样功能你可以任意定制不能选择的日期,这些日期即使毫无规律,毫无连续性,你也可以通过这些功能的组合使用轻松搞定.
支持静态限制，动态限制，脚本自定义限制，以及无效天和无效日期功能，利用这样功能可以任意定制不能选择的日期，这些日期即使毫无规律，毫无连续性，也可以通过这些功能的组合使用轻松搞定·
支持静态限制,动态限制,脚本自定义限制,以及无效天和无效日期功能,利用这样功能你可以任意定制不能选择的日期,这些日期即使毫无规律,毫无连续性,你也可以通过这些功能的组合使用轻松搞定. 多语言支持和自定义皮肤...
带时间显示,支持周显示,自定义格式,自动纠错,智能纠错,起始...支持静态限制,动态限制,脚本自定义限制,以及无效天和无效日期功能。无论你把日期控件放在哪里,你都不需要担心会被外层的iframe所遮挡进而影响客户体验。