贴近用户体验的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 相关文章推荐
基于jquery的无刷新分页技术
Jun 11 Javascript
Jquery 一次处理多个ajax请求的代码
Sep 02 Javascript
解决ueditor jquery javascript 取值问题
Dec 30 Javascript
jquery控制表单输入框显示默认值的方法
May 22 Javascript
JavaScript中模拟实现jsonp
Jun 19 Javascript
剖析Node.js异步编程中的回调与代码设计模式
Feb 16 Javascript
JavaScript中数组去除重复的三种方法
Apr 22 Javascript
12个非常有用的JavaScript技巧
May 17 Javascript
完美解决axios跨域请求出错的问题
Feb 05 Javascript
vue2.0页面前进刷新回退不刷新的实现方法
Jul 31 Javascript
分享5个小技巧让你写出更好的 JavaScript 条件语句
Oct 20 Javascript
详解React服务端渲染从入门到精通
Mar 28 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 url 加密解密函数代码
2011/08/26 PHP
解析web文件操作常见安全漏洞(目录、文件名检测漏洞)
2013/06/29 PHP
php将access数据库转换到mysql数据库的方法
2014/12/24 PHP
详解PHP5.6.30与Apache2.4.x配置
2017/06/02 PHP
精通Javascript系列之Javascript基础篇
2011/06/07 Javascript
jquery parent和parents的区别分析
2013/10/02 Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
2016/07/10 Javascript
D3.js实现散点图和气泡图的方法详解
2016/09/21 Javascript
微信小程序 122100版本更新问题解决方案
2016/12/22 Javascript
详解Vue双向数据绑定原理解析
2017/09/11 Javascript
vue组件编写之todolist组件实例详解
2018/01/22 Javascript
javascript实现抢购倒计时程序
2019/08/26 Javascript
解决layui页面按钮点击无反应,也不报错的问题
2019/09/29 Javascript
深入学习Vue nextTick的用法及原理
2019/10/08 Javascript
Vue实现点击按钮复制文本内容的例子
2019/11/09 Javascript
k8s node节点重新加入master集群的实现
2021/02/22 Javascript
Python实现中文数字转换为阿拉伯数字的方法示例
2017/05/26 Python
python机器学习理论与实战(二)决策树
2018/01/19 Python
django反向解析URL和URL命名空间的方法
2018/06/05 Python
Python 做曲线拟合和求积分的方法
2018/12/29 Python
python2 中 unicode 和 str 之间的转换及与python3 str 的区别
2019/07/25 Python
复化梯形求积分实例——用Python进行数值计算
2019/11/20 Python
浅谈Python中os模块及shutil模块的常规操作
2020/04/03 Python
python nohup 实现远程运行不宕机操作
2020/04/16 Python
使用python实现时间序列白噪声检验方式
2020/06/03 Python
python能在浏览器能运行吗
2020/06/17 Python
基于Django快速集成Echarts代码示例
2020/12/01 Python
HTML5 canvas标签实现刮刮卡效果
2015/04/24 HTML / CSS
One.com挪威:北欧成长最快的网络托管公司
2016/11/19 全球购物
大学生个人求职信范文
2013/09/21 职场文书
外贸英语专业求职信范文
2013/12/25 职场文书
生日庆典策划方案
2014/06/02 职场文书
致百米运动员广播稿5篇
2014/10/13 职场文书
司机岗位职责
2015/02/04 职场文书
美术教师个人工作总结
2015/02/06 职场文书
职业生涯规划书之大学四年
2019/08/07 职场文书