下面是一个日期插件My97DatePicker的示例:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jQuery学习 第一部分</title>
<script type="text/javascript" src="js/date/WdatePicker.js"></script>
<style type="text/css">
html,body{
font-size: 13px;
font: normal;
}
table{
font-size: 13px;
}
</style>
</head>
<body>
好用的日期插件My97DatePicker,下面是日期选择范围的示例,包括设定日期选择的起始日期、日期的格式化以及日期的最大值<br/>
<table>
<tbody>
<tr>
<th>开始日期</th>
<td>
<input type="text" id="beginDate" readonly="readonly" name="endDate" class="Wdate"
onclick="WdatePicker({startDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'endDate\')}'} )"/>
</td>
</tr>
<tr>
<th>结束日期</th>
<td>
<input type="text" id="endDate" readonly="readonly" name="endDate" class="Wdate"
onclick="WdatePicker({startDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'beginDate\')}'})"/>
</td>
</tr>
</tbody>
</table>
</body>
</html>
效果截图:
注意看,在选择结束日期时,在开始日期之前的日期都变成灰色,即不可选了,这样确保你选择的结束日期始终大于开始日期。
- 大小: 25.7 KB
分享到:
相关推荐
日期插件My97DatePicker 日期插件My97DatePicker 日期插件My97DatePicker
非常好用的日期插件My97DatePicker,简单方便,可以快速选择,便于修改产生项目需要的日期格式
2. 在需要使用的页面中导入css[My97DatePicker/skin/WdatePicker.css]、js[My97DatePicker/WdatePicker.js] 3. 在该页面的标签中添加class 和 onfocus属性 [class="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-...
My97DatePicker超实用的JS日期选择插件,不管是从外观功能上说,还是从易用性方面说,My97DatePicker都是全部占优的,也是比较有名的网页日期选择插件,支持多种调用方式,支持多种时间选择方式,甚至可以直接手动...
My97DatePicker一款简易前端日期控件,自带格式验证功能,使用很简单,input标签引用对应的class即可
使用方法如下: 1、先引用该日期控件的JS <script src="My97DatePicker/WdatePicker.js" type="text/javascript" 2、textbox的onclick事件调用一下JS的方法即可 ()" runat="server" Width="150px" ></asp:TextBox>
My97DatePicker 日期插件 My97DatePicker 日期插件
My97DatePicker日期控件使用说明文档及插件,使用方便,适合web开发者使用的控件
my97 Datepicker 日期 插件
日期型控件,My97DatePicker,日期型控件,My97DatePicker
电脑端的一个日期时间插件My97DatePicker,里面有几个示例
My97DatePicker
My97DatePicker日历插件 可以设置日期格式
[新增]全键盘操作,不用鼠标也可以选择日期 [新增]dateFmt可以直接使用%y %M %d %ld等内置常量 [新增]isShowOK属性,可以隐藏确定按钮 [新增]当使用onfocus触发时,焦点在日期控件时,也会弹出日期控件 [新增]...
精确到时分秒,在页面写上正确的路径地址,简单引用即可使用。
解压即用解压即用解压即用解压即用解压即用解压即用解压即用解压即用解压即用解压即用解压即用解压即用