贴近用户体验的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 相关文章推荐
让textarea控件的滚动条怎是位与最下方
Apr 20 Javascript
JavaScript入门教程 Cookies
Jan 31 Javascript
自定义一个jquery插件[鼠标悬浮时候 出现说明label]
Jun 27 Javascript
jQuery中die()方法用法实例
Jan 19 Javascript
JavaScript中的依赖注入详解
Mar 18 Javascript
深入理解jquery跨域请求方法
May 18 Javascript
使用jsonp实现跨域获取数据实例讲解
Dec 25 Javascript
JQuery统计input和textarea文字输入数量(代码分享)
Dec 29 Javascript
详解用webpack2搭建angular2的项目
Jun 22 Javascript
vue2.0+SVG实现音乐播放圆形进度条组件
Sep 21 Javascript
three.js 如何制作魔方
Jul 31 Javascript
vue设置全局访问接口API地址操作
Aug 14 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 设计模式之 单例模式
2008/12/19 PHP
发款php蜘蛛统计插件只要有mysql就可用
2010/10/12 PHP
php URL验证正则表达式
2011/07/19 PHP
php中getservbyport与getservbyname函数用法实例
2014/11/18 PHP
php中的抽象方法和抽象类
2017/02/14 PHP
laravel框架中间件 except 和 only 的用法示例
2019/07/12 PHP
JS简单的图片放大缩小的两种方法
2013/11/11 Javascript
node.js中的path.dirname方法使用说明
2014/12/09 Javascript
jQuery实现点击按钮文字变成input框点击保存变成文字
2016/05/09 Javascript
jQuery简单实现彩色云标签效果示例
2016/08/01 Javascript
微信小程序 教程之模板
2016/10/18 Javascript
AngularJs基于角色的前端访问控制的实现
2016/11/07 Javascript
Vue指令的钩子函数使用方法
2017/03/20 Javascript
详解vue移动端日期选择组件
2018/02/22 Javascript
react-native使用leanclound消息推送的方法
2018/08/06 Javascript
Python实现的几个常用排序算法实例
2014/06/16 Python
在Python的框架中为MySQL实现restful接口的教程
2015/04/08 Python
Python使用metaclass实现Singleton模式的方法
2015/05/05 Python
Python3.5 Pandas模块之DataFrame用法实例分析
2019/04/23 Python
Python基本语法之运算符功能与用法详解
2019/10/22 Python
Windows系统下pycharm中的pip换源
2020/02/23 Python
Django实现celery定时任务过程解析
2020/04/21 Python
Python fileinput模块如何逐行读取多个文件
2020/10/05 Python
html5构建触屏网站之touch事件介绍
2013/01/07 HTML / CSS
HTML最新标准HTML5总结(必看)
2016/06/13 HTML / CSS
Otel.com:折扣酒店预订
2017/08/24 全球购物
Holiday Inn中国官网:IHG旗下假日酒店预订
2018/04/08 全球购物
Pretty Green美国:英式摇滚服饰风格代表品牌之一
2019/01/23 全球购物
单位未婚证明范本
2014/01/18 职场文书
关于运动会的稿件
2014/02/02 职场文书
毕业生自荐信格式
2014/03/07 职场文书
优秀党员学习焦裕禄精神思想汇报范文
2014/09/10 职场文书
2014年涉外离婚协议书范本
2014/11/20 职场文书
2015年质检工作总结
2015/05/04 职场文书
关于践行三严三实的心得体会
2016/01/05 职场文书
Windows Server 2022 超融合部署(图文教程)
2022/06/25 Servers