jQuery UI设置固定日期选择特效代码分享


Posted in Javascript onAugust 27, 2015

本文实例讲述了jQuery UI设置固定日期选择特效。分享给大家供大家参考。具体如下:
jQuery实现UI设置固定日期选择特效是一款jQuery ui日期插件,可选固定日期及自定义日期代码。
运行效果图:                             -------------------查看效果 下载源码-------------------

jQuery UI设置固定日期选择特效代码分享

小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。
为大家分享的jQuery UI设置固定日期选择代码如下

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<title>jQuery UI设置固定日期选择代码</title>

<link rel="stylesheet" href="css/jquery-ui-1.9.2.custom.css" type="text/css">

<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.2.custom.js"></script>
<script type="text/javascript" src="js/share.js"></script>

</head>
<body>

<input type="text" class="ui-datepicker-time" readonly value="" />

<div class="ui-datepicker-css"> 
  <div class="ui-datepicker-quick">
    <p>快捷日期<a class="ui-close-date">X</a></p>
    <div>
      <input class="ui-date-quick-button" type="button" value="今天" alt="0" name=""/>
      <input class="ui-date-quick-button" type="button" value="昨天" alt="-1" name=""/>
      <input class="ui-date-quick-button" type="button" value="7天内" alt="-6" name=""/>
      <input class="ui-date-quick-button" type="button" value="14天内" alt="-13" name=""/>
      <input class="ui-date-quick-button" type="button" value="30天内" alt="-29" name=""/>
      <input class="ui-date-quick-button" type="button" value="60天内" alt="-59" name=""/>
    </div>
  </div>
  <div class="ui-datepicker-choose">
    <p>自选日期</p>
    <div class="ui-datepicker-date">
      <input name="startDate" id="startDate" class="startDate" readonly value="2014/12/20" type="text">
      -
      <input name="endDate" id="endDate" class="endDate" readonly value="2014/12/20" type="text" disabled onChange="datePickers()">
    
    </div>
  </div>
</div>

<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
</div>
</body>
</html>

以上就是为大家分享的jQuery UI设置固定日期选择代码,希望大家可以喜欢。

Javascript 相关文章推荐
javascript 遍历验证所有文本框的值
Aug 27 Javascript
js三种排序算法分享
Aug 16 Javascript
JS获取各种浏览器窗口大小的方法
Jan 14 Javascript
JS和Jquery获取和修改label的值的示例代码
Jan 15 Javascript
JS获取数组最大值、最小值及长度的方法
Nov 24 Javascript
JS中call/apply、arguments、undefined/null方法详解
Feb 15 Javascript
基于vue+ bootstrap实现图片上传图片展示功能
May 17 Javascript
bootstrap中日历范围选择插件daterangepicker的使用详解
Apr 17 Javascript
Vue开发之watch监听数组、对象、变量操作分析
Apr 25 Javascript
JS匿名函数内部this指向问题详析
May 10 Javascript
JavaScript实现tab栏切换效果
Mar 16 Javascript
javascript实现拼图游戏
Jan 29 Javascript
js实现的早期滑动门菜单效果代码
Aug 27 #Javascript
jQuery实现自动与手动切换的滚动新闻特效代码分享
Aug 27 #Javascript
js实现向右横向滑出的二级菜单效果
Aug 27 #Javascript
jQuery实现输入框下拉列表树插件特效代码分享
Aug 27 #Javascript
javascript中html字符串转化为jquery dom对象的方法
Aug 27 #Javascript
javascript 动态修改css样式方法汇总(四种方法)
Aug 27 #Javascript
JavaScript实现带箭头标识的多级下拉菜单效果
Aug 27 #Javascript
You might like
如何把PHP转成EXE文件
2006/10/09 PHP
PHP的mysqli_select_db()函数讲解
2019/01/23 PHP
PHP从零开始打造自己的MVC框架之入口文件实现方法详解
2019/06/03 PHP
分享一则JavaScript滚动条插件源码
2015/03/03 Javascript
JS+CSS实现滑动切换tab菜单效果
2015/08/25 Javascript
JS中cookie的使用及缺点讲解
2017/05/13 Javascript
在Vue中如何使用Cookie操作实例
2017/07/27 Javascript
详解RequireJs官方使用教程
2017/10/31 Javascript
利用JS测试目标网站的打开响应速度
2017/12/01 Javascript
node.js用fs.rename强制重命名或移动文件夹的方法
2017/12/27 Javascript
深入理解 Koa 框架中间件原理
2018/10/18 Javascript
Vue请求JSON Server服务器数据的实现方法
2018/11/02 Javascript
JavaScript中filter的用法实例分析
2019/02/27 Javascript
使用express获取微信小程序二维码小记
2019/05/21 Javascript
利用不到200行代码写一款属于你自己的js类库
2019/07/08 Javascript
微信公众号平台接口开发 菜单管理的实现
2019/08/14 Javascript
webpack proxy 使用(代理的使用)
2020/01/10 Javascript
[47:48]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第三局
2016/02/28 DOTA
python数据结构树和二叉树简介
2014/04/29 Python
python pandas 组内排序、单组排序、标号的实例
2018/04/12 Python
pandas 读取各种格式文件的方法
2018/06/22 Python
python print出共轭复数的方法详解
2019/06/25 Python
PyCharm中代码字体大小调整方法
2019/07/29 Python
Django实现网页分页功能
2019/10/31 Python
python os.path.isfile()因参数问题判断错误的解决
2019/11/29 Python
final, finally, finalize的区别
2012/03/01 面试题
美食节目策划方案
2014/05/31 职场文书
2014年幼儿园后勤工作总结
2014/11/10 职场文书
简单的个人租房协议书范本
2014/11/26 职场文书
家长会欢迎词
2015/01/23 职场文书
2015年语文教研组工作总结
2015/05/23 职场文书
公司车队管理制度
2015/08/04 职场文书
中学总务处工作总结
2015/08/12 职场文书
党风廉政建设心得体会
2019/05/21 职场文书
CSS3 实现NES游戏机的示例代码
2021/04/21 HTML / CSS
超越Nginx的Web服务器caddy优雅用法
2022/06/21 Servers