首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

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设置固定日期选择代码，希望大家可以喜欢。

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

- Author -

lijiao

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
JQuery 实现的页面滚动时浮动窗口控件
Jul 10 Javascript
js实现图片轮换效果代码
Apr 16 Javascript
JS去掉字符串前后空格、阻止表单提交的实现代码
Jun 08 Javascript
微信小程序“摇一摇”的实例代码
Jul 20 Javascript
Vuex中mutations与actions的区别详解
Mar 01 Javascript
解决vue.js 数据渲染成功仍报错的问题
Aug 25 Javascript
JS实现的input选择图片本地预览功能示例
Aug 29 Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
Sep 28 Javascript
Moment.js实现多个同时倒计时
Aug 26 Javascript
微信小程序 textarea 层级过高问题简单解决方案
Oct 14 Javascript
小程序双头slider选择器的实现示例
Mar 31 Javascript
在vue中通过render函数给子组件设置ref操作
Nov 17 Vue.js
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
RecyclerView(1) queue(1) 内存池(1) 九宫格(5) TaiShan(1) 控制流(1) Hadoop(1) 云服务器(1) JDK(1) Simhash(1)
You might like
PHP实现的观察者模式实例
2017/06/21 PHP
php实现大文件断点续传下载实例代码
2019/10/01 PHP
extjs 列表框(multiselect)的动态添加列表项的方法
2009/07/31 Javascript
jquery插件制作教程 txtHover
2012/08/17 Javascript
js delete 用法(删除对象属性及变量)
2014/08/24 Javascript
JavaScript中数组成员的添加、删除介绍
2014/12/30 Javascript
jquery实现textarea输入框限制字数的方法
2015/01/15 Javascript
浅谈JavaScript 执行环境、作用域及垃圾回收
2016/05/31 Javascript
js日期相关函数dateAdd,dateDiff,dateFormat等介绍
2016/09/24 Javascript
使用JS和canvas实现gif动图的停止和播放代码
2017/09/01 Javascript
使用vue中的v-for遍历二维数组的方法
2018/03/07 Javascript
微信小程序仿RadioGroup改变样式的处理方案
2018/07/13 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
2018/08/05 Javascript
Vue.js的动态组件模板的实现
2018/11/26 Javascript
Vue实现购物车实例代码两则
2020/05/30 Javascript
JavaScript如何操作css
2020/10/24 Javascript
vue3.0 的 Composition API 的使用示例
2020/10/26 Javascript
基于elementUI竖向表格、和并列的案例
2020/10/26 Javascript
[46:57]EG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python动态参数用法实例分析
2015/05/25 Python
centos 安装python3.6环境并配置虚拟环境的详细教程
2018/02/22 Python
python hbase读取数据发送kafka的方法
2018/12/27 Python
python基于递归解决背包问题详解
2019/07/03 Python
Python的垃圾回收机制详解
2019/08/28 Python
python自动化测试无法启动谷歌浏览器问题
2019/10/10 Python
Python3交互式shell ipython3安装及使用详解
2020/07/11 Python
关于Python3的import问题(pycharm可以运行命令行import错误)
2020/11/18 Python
Bibloo荷兰：女士、男士和儿童的服装、鞋子和配饰
2019/02/25 全球购物
酒吧员工的岗位职责
2013/11/26 职场文书
学生安全责任书
2014/04/15 职场文书
三字经教学反思
2014/04/26 职场文书
语文高效课堂实施方案
2014/05/03 职场文书
感恩之星事迹材料
2014/05/03 职场文书
付款证明模板
2015/06/19 职场文书
2021-4-3课程——SQL Server查询【2】
2021/04/05 SQL Server
高通2023 年将发布高性能PC处理器
2022/04/29 数码科技