贴近用户体验的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 相关文章推荐
离开当前页面前使用js判断条件提示是否要离开页面
May 02 Javascript
jQuery中parents()和parent()的区别分析
Oct 28 Javascript
每天一篇javascript学习小结(基础知识)
Nov 10 Javascript
jQuery的内容过滤选择器学习教程
Apr 18 Javascript
浅析JavaScript中浏览器的兼容问题
Apr 19 Javascript
javascript实现的上下无缝滚动效果
Sep 19 Javascript
javascript数组拍平方法总结
Jan 20 Javascript
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
Apr 21 Javascript
JS伪继承prototype实现方法示例
Jun 20 Javascript
taro开发微信小程序的实践
May 21 Javascript
使用Angular material主题定义自己的组件库的配色体系
Sep 04 Javascript
在vue项目中封装echarts的步骤
Dec 25 Vue.js
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实现与ASP Banner组件相似的类
2006/10/09 PHP
一个PHP的QRcode类与大家分享
2011/11/13 PHP
支持中文的php加密解密类代码
2011/11/27 PHP
PHP的变量类型和作用域详解
2014/03/12 PHP
浅析PHP编程中10个最常见的错误
2014/08/08 PHP
php字符串函数学习之strstr()
2015/03/27 PHP
PHP输出多个元素的排列或组合的方法
2017/03/14 PHP
thinkPHP简单导入和使用阿里云OSSsdk的方法
2017/03/15 PHP
[原创]php token使用与验证示例【测试可用】
2017/08/30 PHP
php ajax数据传输和响应方法
2018/08/21 PHP
出现“不能执行已释放的Script代码”错误的原因及解决办法
2007/08/29 Javascript
解析瀑布流布局:JS+绝对定位的实现
2013/05/08 Javascript
JQuery 图片滚动轮播示例代码
2014/03/24 Javascript
JavaScript不使用prototype和new实现继承机制
2014/12/29 Javascript
JavaScript中的标签语句用法分析
2015/02/10 Javascript
基于Three.js插件制作360度全景图
2016/11/29 Javascript
为你的微信小程序体积瘦身详解
2017/05/20 Javascript
JavaScript中document.referrer的用法详解
2017/07/04 Javascript
vue使用ElementUI时导航栏默认展开功能的实现
2018/07/04 Javascript
详解javascript设计模式三:代理模式
2019/03/25 Javascript
详解key在Vue列表渲染时究竟起到了什么作用
2019/04/20 Javascript
node.js使用stream模块实现自定义流示例
2020/02/13 Javascript
Python语言实现获取主机名根据端口杀死进程
2016/03/31 Python
Python socket实现的文件下载器功能示例
2019/11/15 Python
python pip安装包出现:Failed building wheel for xxx错误的解决
2019/12/25 Python
Tensorflow 1.0之后模型文件、权重数值的读取方式
2020/02/12 Python
python手写均值滤波
2020/02/19 Python
django API 中接口的互相调用实例
2020/04/01 Python
内科护士实习自我鉴定
2013/10/17 职场文书
高三自我鉴定
2013/10/23 职场文书
群众路线剖析材料
2014/09/30 职场文书
自愿离婚协议书范本
2015/01/26 职场文书
新教师个人总结
2015/02/06 职场文书
2015少先队大队辅导员工作总结
2015/07/24 职场文书
Python Pandas pandas.read_sql_query函数实例用法分析
2021/06/21 Python
nginx静态资源的服务器配置方法
2022/07/07 Servers