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 Math ceil()、floor()、round()三个函数的区别
Mar 09 Javascript
$(&quot;&quot;).click与onclick的区别示例介绍
Sep 25 Javascript
jQuery实现下拉框选择图片功能实例
Aug 08 Javascript
jQuery Chart图表制作组件Highcharts用法详解
Jun 01 Javascript
使用JSON作为函数的参数的优缺点
Oct 27 Javascript
几种tab切换详解
Feb 03 Javascript
JavaScript中EventLoop介绍
Jan 22 Javascript
详解Vue源码学习之callHook钩子函数
Jul 25 Javascript
vue 使用vue-i18n做全局中英文切换的方法
Oct 29 Javascript
js实现图片3D轮播效果
Sep 21 Javascript
keep-alive不能缓存多层级路由菜单问题解决
Mar 10 Javascript
JavaScript交换变量常用4种方法解析
Sep 02 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通过header实现文本文件下载的代码
2010/08/08 PHP
与文件上传有关的php配置参数总结
2013/06/14 PHP
php返回字符串中所有单词的方法
2015/03/09 PHP
yii2实现分页,带搜索的分页功能示例
2017/01/07 PHP
学习thinkphp5.0验证类使用方法
2017/11/16 PHP
PHP unlink与rmdir删除目录及目录下所有文件实例代码
2018/02/07 PHP
PHP基于redis计数器类定义与用法示例
2018/02/08 PHP
Jquery倒数计时按钮setTimeout的实例代码
2013/07/04 Javascript
Jquery 模板数据绑定插件的使用方法详解
2013/07/08 Javascript
jQuery Form 页面表单提交的小例子
2013/11/15 Javascript
node.js中的path.isAbsolute方法使用说明
2014/12/08 Javascript
SpringMVC restful 注解之@RequestBody进行json与object转换
2015/12/10 Javascript
ui组件之input多选下拉实现方法(带有搜索功能)
2016/07/14 Javascript
js无法获取到html标签的属性的解决方法
2016/07/26 Javascript
基于原生JS实现图片裁剪
2016/08/01 Javascript
Node.js的文件权限及读写flag详解
2016/10/11 Javascript
浅谈Angular文字折叠展开组件的原理分析
2017/11/24 Javascript
使用json-server简单完成CRUD模拟后台数据的方法
2018/07/12 Javascript
vue弹窗插件实战代码
2018/09/08 Javascript
Angular脚手架开发的实现步骤
2019/04/09 Javascript
解决微信小程序中的滚动穿透问题
2019/09/16 Javascript
Angular8引入百度Echarts进行图表分析的实现代码
2019/11/27 Javascript
深入了解JS之作用域和闭包
2020/06/16 Javascript
解决vue项目axios每次请求session不一致的问题
2020/10/24 Javascript
[40:29]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第一场
2018/04/10 DOTA
[49:15]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第二场 1月19日
2021/03/11 DOTA
Python实现获取磁盘剩余空间的2种方法
2017/06/07 Python
Python pandas RFM模型应用实例详解
2019/11/20 Python
New Balance加拿大官方网站:运动鞋和健身服装
2018/11/19 全球购物
专业销售业务员求职信
2013/11/18 职场文书
毕业生就业推荐信范文
2013/12/01 职场文书
餐饮总经理岗位职责
2014/03/07 职场文书
一位农村小子的自荐信
2014/04/07 职场文书
《赶海》教学反思
2014/04/20 职场文书
网络技术专业求职信
2014/07/13 职场文书
埃及王子观后感
2015/06/16 职场文书