贴近用户体验的Jquery日期、时间选择插件


Posted in Javascript onAugust 19, 2015

分享一款贴近Jquery日期、时间选择插件。这是一款双日历jQuery日期选择时间插件pickerDateRange。效果图如下:

贴近用户体验的Jquery日期、时间选择插件

在线预览    源码下载

Js代码

var dateRange = new pickerDateRange('date_demo3', { 
    aRecent7Days: 'aRecent7DaysDemo3', //最近7天 
    isTodayValid: false, 
    //startDate : '2013-04-14', 
    //endDate : '2013-04-21', 
    //needCompare : true, 
    //isSingleDay : true, 
    //shortOpr : true, 
    defaultText: ' 至 ', 
    inputTrigger: 'input_trigger_demo3', 
    theme: 'ta', 
    success: function (obj) { 
     $("#dCon_demo3").html('开始时间 : ' + obj.startDate + '<br/>结束时间 : ' + obj.endDate); 
    } 
   });

选项及事件使用说明

datepicker提供了丰富的选项设置事件方法调用,笔者先将经常用到的相关属性和方法整理成表格,方便查询和使用。

贴近用户体验的Jquery日期、时间选择插件

贴近用户体验的Jquery日期、时间选择插件

贴近用户体验的Jquery日期、时间选择插件

贴近用户体验的Jquery日期、时间选择插件

以上就是本文给大家分享有关贴近用户体验的Jquery日期、时间选择插件,希望大家喜欢。

Javascript 相关文章推荐
JavaScript 计算当天是本年本月的第几周
Mar 22 Javascript
关于UTF-8的客户端用AJAX方式获取GB2312的服务器端乱码问题的解决办法
Nov 30 Javascript
实现图片预加载的三大方法及优缺点分析
Nov 19 Javascript
JS实现获取剪贴板内容的方法
Jun 21 Javascript
javascript 动态样式添加的简单实现
Oct 11 Javascript
移动web开发之touch事件实例详解
Jan 17 Javascript
JS中利用FileReader实现上传图片前本地预览功能
Mar 02 Javascript
bootstrap table实现合并单元格效果
Dec 24 Javascript
layui表格数据重载
Jul 27 Javascript
微信小程序webview与h5通过postMessage实现实时通讯的实现
Aug 20 Javascript
vue.js中ref及$refs的使用方法解析
Oct 08 Javascript
javascript读取本地文件和目录方法详解
Aug 06 Javascript
JS文字球状放大效果代码分享
Aug 19 #Javascript
IE6兼容透明背景图片及解决方案
Aug 19 #Javascript
JavaScript实现表格快速变色效果代码
Aug 19 #Javascript
js实现YouKu的漂亮搜索框效果
Aug 19 #Javascript
JS时间特效最常用的三款
Aug 19 #Javascript
js仿黑客帝国字母掉落效果代码分享
Nov 08 #Javascript
JS模拟并美化的表单控件完整实例
Aug 19 #Javascript
You might like
PHP 地址栏信息的获取代码
2009/01/07 PHP
PHP 开源AJAX框架14种
2009/08/24 PHP
php使用fopen创建utf8编码文件的方法
2014/10/31 PHP
php curl 获取https请求的2种方法
2015/04/27 PHP
PHP日志LOG类定义与用法示例
2018/09/06 PHP
jQuery Ajax之$.get()方法和$.post()方法
2009/10/12 Javascript
WEB 浏览器兼容 推荐收藏
2010/05/14 Javascript
基于jquery的模态div层弹出效果
2010/08/21 Javascript
Google的跟踪代码 动态加载js代码方法应用
2012/11/12 Javascript
使用JavaScript和CSS实现文本隔行换色的方法
2015/11/04 Javascript
简单实现限制uploadify上传个数
2015/11/16 Javascript
轻松实现jquery手风琴效果
2016/01/14 Javascript
文本框只能输入数字的js代码(含小数点)
2016/07/10 Javascript
微信小程序中顶部导航栏的实现代码
2017/03/30 Javascript
Vue.js实现模拟微信朋友圈开发demo
2017/04/20 Javascript
Vue-router 类似Vuex实现组件化开发的示例
2017/09/15 Javascript
js移动端图片压缩上传功能
2020/08/18 Javascript
jQuery实现动态控制页面元素的方法分析
2017/12/20 jQuery
javaScript实现鼠标在文字上悬浮时弹出悬浮层效果
2020/04/12 Javascript
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
2018/05/04 Javascript
vue-router的两种模式的区别
2019/05/30 Javascript
详解使用mocha对webpack打包的项目进行&quot;冒烟测试&quot;的大致流程
2020/04/27 Javascript
vue路由结构可设一层方便动态添加路由操作
2020/08/31 Javascript
[56:46]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 VP vs Effect
2018/04/01 DOTA
Python模块学习 datetime介绍
2012/08/27 Python
python字符串对其居中显示的方法
2015/07/11 Python
python控制台中实现进度条功能
2015/11/10 Python
浅析python递归函数和河内塔问题
2017/04/18 Python
详解Python 装饰器执行顺序迷思
2018/08/08 Python
python实现多人聊天室
2020/03/31 Python
你需要学会的8个Python列表技巧
2020/06/24 Python
分享一个python的aes加密代码
2020/12/22 Python
HTML5 通过Vedio标签实现视频循环播放的示例代码
2020/08/05 HTML / CSS
高校师德师风自我剖析材料
2014/09/29 职场文书
教师个人查摆剖析材料
2014/10/14 职场文书
2019年公司快递收发管理制度模板
2019/11/20 职场文书