[JQ权威指南]datepocker插件实现分段时间的选择
来源:互联网 发布:用u盘怎么重装mac系统 编辑:程序博客网 时间:2024/05/16 09:47
如题:
<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>使用datepicker插件实现选择日期的操作二</title> <script type="text/javascript" src="Jscript/jquery-1.4.2-vsdoc.js"></script> <script type="text/javascript" src="Jscript/jquery-1.4.2.js"></script> <link rel="stylesheet" type="text/css" href="Css-Pub/ui.all.css" /> <script type="text/javascript" src="Js-Pub/jquery.ui.core.js"></script> <script type="text/javascript" src="Js-8-5/jquery.ui.datepicker.js"></script> <script type="text/javascript" src="Js-8-6/jquery.ui.datepicker-zh-CN.js"></script> <link rel="stylesheet" type="text/css" href="Css-Pub/demos.css" /> <style type="text/css"> .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 class="demo-description"> <div> 开始日期:<input name="txtStart" id="txtStart" class="txt" /> 结束日期:<input name="txtEnd" id="txtEnd" class="txt" /> </div></div></body></html>
效果:
0 0
- [JQ权威指南]datepocker插件实现分段时间的选择
- [JQ权威指南]NotesForLightBox插件的使用
- [JQ权威指南]Active插件的使用
- [JQ权威指南]对象级别插件的开发
- [JQ权威指南]validate验证插件
- [JQ权威指南]表单插件form
- [JQ权威指南]表单插件form
- [JQ权威指南]搜索插件AutoComplete
- [JQ权威指南]右键菜单插件ContextMenu
- [JQ权威指南]图片放大镜插件jqzoom
- [JQ权威指南]jQuery Pagination分页插件
- [JQ权威指南]自定义JQuery插件
- [JQ权威指南]类级别插件开发
- [JQ权威指南]折叠面板插件accordion
- 使用datepicker插件实现分段时间的选择8-6
- [JQ权威指南]简单的动画
- [JQ权威指南]移动位置的动画
- [JQ权威指南]jQuery上传插件Uploadify使用详解
- Firefox下“event is not defined”的解决方案
- C# list导出excel文件
- 模板方法模式(Template Method)
- 第3章 shell结构化命令------------(文件数据的循环与控制循环)
- Facebook 开源项目 Fresco 使用简介,facebookfresco
- [JQ权威指南]datepocker插件实现分段时间的选择
- mysql查询表所有字段的属性和注释
- jQuery封装的ajax——参数
- mapreduce中的shuffle
- Access键盘快捷键大全(五)
- 安卓真机测试:Installation error: INSTALL_CANCELED_BY_USER
- Ubuntu通过修改配置文件进行网络配置
- Okhttp文件上传源码分析
- linux shell数据重定向(输入重定向与输出重定向)详细分析