miniUI日历控件只可以选择当前之前日期
来源:互联网 发布:淘宝新开店铺旺旺采集 编辑:程序博客网 时间:2024/06/05 21:13
这个也是项目中遇到的一个,因为分两个系统,一个系统用的easyUI,这个系统用的miniUI,
需求描述:该检索条件中的日历控件,只可以选择当前之前的任意一天,以后的日期不可以选择。
检索条件代码如下:
<td align="right">出生日期</td> <td > <input id="csksrq" name="csksrq" size="15" format="yyyy-MM-dd" class="mini-datepicker" style='width: 100px;' ondrawdate="onDrawDate"> 至 <input id="csjsrq" name="csjsrq" size="15" format="yyyy-MM-dd" class="mini-datepicker" style='width: 100px;' ondrawdate="onDrawDate"> </td>
上面的代码是miniUI里面的,使用的是miniUI的datepicker,只需要添加这段代码:
ondrawdate="onDrawDate"
在JS中实现onDrawDate函数,实现如下:
function onDrawDate(e) { var date = e.date; var d = new Date(); if (date.getTime() > d.getTime()) { e.allowSelect = false; } }
将日历控件时间和当前的时间做比较,如果当前时间小于日期控件的时间,就将allowSelect设置为false,该日期则不可以被选择。
实现的效果图如下:
0 0
- miniUI日历控件只可以选择当前之前日期
- EasyUI只可以选择当前日期以前的日期
- 日期选择器 当前日期之前不允许选择
- Time-Selector日期选择控件【可以设置当前时间】
- 可以选择时间的日历控件
- 可以选择时间的日历控件js
- easyui设置datebox默认当前日期,且只能选择当前日期之前的日期
- easyui设置datebox默认当前日期,且只能选择当前日期之前的日期
- asp.net 弹出式日历控件 选择日期 Calendar控件
- Android日历选择控件DatePickerDialog只显示年月
- 可以选择时分秒的JS日历控件
- 单击ASP.NET日历控件单元格选择日期
- .net日历控件 Calendar选择多个日期
- 简洁JS 日历控件 支持日期和月份选择
- .net日历控件 Calendar选择多个日期
- Kalendae:JavaScript日期选择和日历控件使用
- wdatepicker 日历控件,起始日期和结束日期 ,相差60天,并且在当时时间之前
- 日历 日期段选择
- img 标签元素
- Android Linker 与 SO 加壳技术
- mac上的终端bash命令
- Python环境配置之Scrapy安装
- sizeof(struct)对齐方式
- miniUI日历控件只可以选择当前之前日期
- JFinal Web开发学习(四)数据库连接与自动生成model
- 移动数据通信网络工作原理(SGSN&GGSN)
- Codeforces 279B books
- 在PHP代码中取得当前日期时间再插入数据库
- UVa 10054 项链(欧拉路)
- git远程版本库
- 第十二节:Scanner类与String类介绍(讲师笔记)
- 简单的wordcout的MapReduce学习实现