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 相关文章推荐
Firefox+FireBug使JQuery的学习更加轻松愉快
Jan 01 Javascript
基于JQuery的简单实现折叠菜单代码
Sep 15 Javascript
解决前端跨域问题方案汇总
Nov 20 Javascript
JavaScript获取短信验证码(周期性)
Dec 29 Javascript
JavaScript常用正则验证函数实例小结【年龄,数字,Email,手机,URL,日期等】
Jan 23 Javascript
微信小程序实现给循环列表添加点击样式实例
Apr 26 Javascript
Angular使用Md5加密的解决方法
Sep 16 Javascript
微信小程序之数据缓存的实例详解
Sep 29 Javascript
使用Bootstrap + Vue.js实现表格的动态展示、新增和删除功能
Nov 27 Javascript
vue实现2048小游戏功能思路详解
May 09 Javascript
Vue2.0 v-for filter列表过滤功能的实现
Sep 07 Javascript
使用vue完成微信公众号网页小记(推荐)
Apr 28 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的session过期设置
2013/06/29 PHP
PHP实现加密文本文件并限制特定页面的存取的效果
2016/10/21 PHP
PHP中trait使用方法详细介绍
2017/05/21 PHP
PHP正则删除HTML代码中宽高样式的方法
2017/06/12 PHP
thinkphp5实现无限级分类
2019/02/18 PHP
JavaScript入门教程(10) 认识其他对象
2009/01/31 Javascript
基于jquery的3d效果实现代码
2011/03/23 Javascript
actionscript与javascript的区别
2011/05/25 Javascript
Javascript刷新窗口方法小结
2015/10/21 Javascript
window.location.hash知识汇总
2015/11/09 Javascript
在DWR中实现直接获取一个JAVA类的返回值的两种方法
2016/12/25 Javascript
jquery广告无缝轮播实例
2017/01/05 Javascript
浅谈 Vue v-model指令的实现原理
2017/06/08 Javascript
js实现数组和对象的深浅拷贝
2017/09/30 Javascript
通过js动态创建标签,并设置属性方法
2018/02/24 Javascript
javascript实现抢购倒计时程序
2019/08/26 Javascript
微信小程序实现3D轮播图效果(非swiper组件)
2019/09/21 Javascript
[01:24]DOTA2上海特锦赛OG战队抵达 专车接机入驻总统套房
2016/02/23 DOTA
wxPython事件驱动实例详解
2014/09/28 Python
详细讲解Python中的文件I/O操作
2015/05/24 Python
Python实现读取json文件到excel表
2017/11/18 Python
Tesserocr库的正确安装方式
2018/10/19 Python
python实现关闭第三方窗口的方法
2019/06/28 Python
pycharm创建scrapy项目教程及遇到的坑解析
2019/08/15 Python
python爬虫模拟浏览器的两种方法实例分析
2019/12/09 Python
Python3 实现爬取网站下所有URL方式
2020/01/16 Python
Python中有几个关键字
2020/06/04 Python
详解CSS3 rem(设置字体大小) 教程
2017/11/21 HTML / CSS
如何在Canvas上的图形/图像绑定事件监听的实现
2020/09/16 HTML / CSS
萨克斯第五大道精品百货店: Saks Fifth Avenue
2017/04/28 全球购物
Zipadee-Zip襁褓过渡毯:Sleeping Baby
2018/12/30 全球购物
工作表现证明
2015/06/15 职场文书
《蜜蜂引路》教学反思
2016/02/22 职场文书
python实现自动化群控的步骤
2021/04/11 Python
基于CSS3画一个iPhone
2021/04/21 HTML / CSS
vue 实现上传组件
2021/05/31 Vue.js