`
ronon
  • 浏览: 193609 次
  • 性别: Icon_minigender_2
  • 来自: 武汉
社区版块
存档分类
最新评论

My97DatePicker 动态设置有效/无效日期

 
阅读更多
<%@ 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.rar

    《My97DatePicker:一款强大的JavaScript日期选择器》 在Web开发中,日期选择器是一个不可或缺的组件,它使得用户可以方便地输入或选择日期,极大地提升了用户体验。My97DatePicker就是这样一款强大的JavaScript...

    ASP.NET My97DatePicker 日期控件

    此外,控件还支持日期范围限制,可以设置最小日期和最大日期,防止用户输入无效日期。 使用My97 DatePicker时,首先要在页面上添加控件引用,这通常涉及到在部分引入JavaScript和CSS文件,以及在部分放置控件的HTML...

    ASP.NET 日期控件 My97DatePicker

    8. **易用性**:My97DatePicker的使用简单,只需在ASP.NET页面上添加相应的控件,并通过属性设置进行配置,即可快速实现日期选择功能。 在实际开发中,My97DatePicker压缩包可能包含以下内容: 1. JavaScript文件...

    js日历控件 My97DatePicker

    4. **自定义时间和API库**:My97DatePicker不仅支持时间选择,还提供了丰富的API接口,使得开发者能够轻松地与后台数据交互,实现动态更新日期、设置默认值、禁用特定日期等功能。 5. **多语言支持**:为了满足全球...

    my97DatePicker 好用的日期拾取器

    **my97DatePicker:强大的日期选择插件** `my97DatePicker` 是一款广泛应用于Web开发中的日期选择器插件,它为用户提供了方便、友好的日期输入界面,极大地提升了用户体验。这款插件以其易用性和灵活性而备受赞誉,...

    Javascript 日期选择控件 [My97DatePicker]

    4. **日期范围限制**:可以设置日期选择范围,例如限定只能选择过去的日期或者未来的日期,有效防止用户输入无效日期。 5. **日期计算**:提供日期加减功能,用户可以通过简单的操作快速选择特定日期前或后的日期。...

    My97日期控件 My97 DatePicker 4.1 正式版

    1. **日期范围限制**:允许设置最小和最大可选日期,防止用户输入无效日期。 2. **自定义日期格式**:根据需求设定日期显示格式,如“YYYY-MM-DD”、“MM/DD/YYYY”等。 3. **日期计算**:支持日期的加减操作,方便...

    My97DatePicker功能文档

    My97DatePicker是一款广泛应用于Web开发中的JavaScript日期选择器组件,它以其强大的功能、高度的自定义性以及良好的用户体验而闻名。此功能文档详细介绍了My97DatePicker的各种特性及使用方法,旨在帮助开发者充分...

    My97DatePicker皮肤,简单

    在实际开发中,将My97DatePicker集成到项目中,开发者需要按照readme.txt的指导进行引用,确保所有必要的CSS和JavaScript文件已正确加载,并根据项目需求进行配置,例如设置默认日期、选择语言等。然后,在需要添加...

    My97 DatePicker My97日期控件 4.8正式版

    强大的日期范围限制功能 支持静态限制,动态限制,脚本自定义限制,以及无效天和无效日期功能,利用这样功能你可以任意定制不能选择的日期,这些日期即使毫无规律,毫无连续性,你也可以通过这些功能的组合使用轻松搞定....

    My97DatePicker(时间控件)

    - 数据过滤:在数据分析界面,允许用户通过My97DatePicker选择时间段,动态筛选展示数据。 - 日历功能:在日程管理应用中,My97DatePicker可以作为添加、修改事件的日期选择工具。 5. 扩展与兼容性: - 兼容性:...

    My97日期控件 My97 DatePicker Ver 3.0.1

    My97日期控件 My97 DatePicker Ver 3.0.1是一款广泛应用于ASP.NET开发中的强大日期选择组件。这款控件以其用户友好的界面、丰富的功能和高度自定义的特性,深受开发者喜爱。在ASP.NET框架下,它极大地提高了日期输入...

    My97 DatePicker日期控件 4.0 正式版(5月30日)

    &lt;br&gt;强大的日期范围限制功能 支持静态限制,动态限制,脚本自定义限制,以及无效天和无效日期功能,利用这样功能你可以任意定制不能选择的日期,这些日期即使毫无规律,毫无连续性,你也可以通过这些功能的组合...

    My97DatePicker时间控件详细使用说明

    My97DatePicker的特点在于其简洁的界面、多语言支持、日期格式可定制以及与多种服务器端技术的兼容性。它的核心功能包括: 1. **多语言支持**:My97DatePicker支持多种语言,开发者可以根据项目需求轻松切换语言...

    My97DatePicker皮肤,蓝色

    2. **多功能**:支持多种日期格式,如年月日、年/月/日等,并可以设置日期范围限制,防止用户输入无效日期。 3. **自定义**:开发者可以根据自己的需求调整日期选择器的样式、语言、显示模式等,蓝色皮肤提供了基础...

    my97DatePicker

    - **日期范围限制**:可以设置可选日期范围,避免用户选择无效日期。 - **日期验证**:自动检查输入的日期是否合法,防止错误数据的录入。 - **日期计算**:支持日期加减操作,方便用户进行日期间的计算。 - **...

    My97DatePicker

    另外,My97DatePicker还有日期验证功能,可以防止用户输入无效的日期。 在性能优化方面,My97 DatePicker也做得相当不错。它的代码经过优化,加载速度快,不会对网页的整体性能造成太大影响。而且,该插件在用户...

    My97DatePicker日期选择器

    My97DatePicker是一款广泛应用于Web开发中的JavaScript日期选择器插件。它以其高效、易用、功能强大而受到开发者们的青睐。这款插件允许用户在网页上方便地选择日期,提高了用户界面的交互性和用户体验。下面我们将...

    My97 DatePicker日期控件

    2. **多功能**:支持多种日期格式设置,如YYYY-MM-DD、YYYY/MM/DD等,还能设置日期范围限制,防止用户选择无效日期。 3. **可定制性强**:可以通过配置项自定义日期控件的显示方式、颜色、大小等,满足个性化需求。 ...

Global site tag (gtag.js) - Google Analytics