使用datepicker插件实现分段时间的选择8-6
2015-12-14 00:00
916 查看
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用datepicker插件实现分段时间的选择</title> <script type="text/javascript" src="lib/jquery-2.1.1.js"></script> <script type="text/javascript" src="lib/jquery-ui.min.js"></script> <style type="text/css"> body{font-size:13px} .txt{border:#666 1px solid;padding:2px;width:100px;margin-right:3px;} </style> <script type="text/javascript"> $(function(){ $("#txtStart").datepicker({changeMonth:true,changeYear:true,showWeek:true,firstDay:"1", onSelect:function(dateText,inst){ $("#txtEnd").datepicker('option','minDate',new Date(dateText.replace('-',','))); } }); $("#txtEnd").datepicker({changeMonth:true,changeYear:true,showWeek:true,firstDay:"1", onSelect:function(dateText,inst){ $("#txtStart").datepicker('option','maxDate',new Date(dateText.replace('-',','))); } }); }) </script> </head> <body> <div> 开始日期:<input name="txtStart" id="txtStart" class="txt"/> 结束日期:<input name="txtEnd" id="txtEnd" class="txt"/> </div> </body> </html>
相关文章推荐
- Session监听事件的处理
- JavaScript 消息框
- 使用data()方法在元素上存取移除JSON格式数据 10-6
- android Service:分别继承IntetnService与Service示例
- 常用正则表达式
- android SQLite数据库使用实例
- java.lang.AbstractMethodError: oracle.jdbc.driver.OracleDatabaseMetaData.getJDBCMajorVersion()Z异常
- 高级 JavaScript 实例02
- An association from the table PersonAddress refers to an unmapped class
- jxls导出excel
- excel 计算单元格的算式
- Eclipse3.4以上使用dropins的插件安装方式
- WebDriver多浏览器测试
- anroid Bar 进度条示例
- ejb的小例子(未能成功运行)
- 其他事件TRIGGER 4-8
- androidpn消息下推(1)
- 使用draggable插件实现对象的拖曳操作8-1
- DB2 SQL Error: SQLCODE=-418, SQLSTATE=42610, SQLERRMC=null, DRIVER=4.9.78
- spring 结合 proxool连接池 启动tomcat报错:Attempt to refer to a unregistered pool by its alias