贴近用户体验的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 学习之二 属性相关
Nov 23 Javascript
仿jQuery的siblings效果的js代码
Aug 09 Javascript
等待指定时间后自动跳转或关闭当前页面的js代码
Jul 09 Javascript
在JavaScript中实现类的方式探讨
Aug 28 Javascript
js动态控制table的tr、td增加及删除的具体实现
Apr 30 Javascript
JS+CSS实现的日本门户网站经典选项卡导航效果
Sep 27 Javascript
关于iframe跨域POST提交的方法示例
Jan 15 Javascript
vue使用jsonp抓取qq音乐数据的方法
Jun 21 Javascript
微信小程序中时间戳和日期的相互转换问题
Jul 09 Javascript
Vuex 使用及简单实例(计数器)
Aug 29 Javascript
JS如何把字符串转换成json
Feb 21 Javascript
JS this关键字在ajax中使用出现问题解决方案
Jul 17 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下用GD生成生成缩略图的两个选择和区别
2007/04/17 PHP
使用array_map简单搞定PHP删除文件、删除目录
2014/10/29 PHP
php获取文件名后缀常用方法小结
2015/02/24 PHP
PHP实现C#山寨ArrayList的方法
2015/07/16 PHP
常用PHP数组排序函数归纳
2016/08/08 PHP
[原创]PHP global全局变量经典应用与注意事项分析【附$GLOBALS用法对比】
2019/07/12 PHP
php+js实现的无刷新下载文件功能示例
2019/08/23 PHP
js操作checkbox遇到的问题解决
2013/06/29 Javascript
JS对HTML标签select的获取、添加、删除操作
2013/10/17 Javascript
input标签内容改变的触发事件介绍
2014/06/18 Javascript
超棒的响应式布局jQuery插件Freetile.js
2014/11/17 Javascript
javascript实现树形菜单的方法
2015/07/17 Javascript
理解Javascript文件动态加载
2016/01/29 Javascript
浅谈jquery拼接字符串效率比较高的方法
2017/02/22 Javascript
vue filters的使用详解
2018/06/11 Javascript
JS/HTML5游戏常用算法之路径搜索算法 A*寻路算法完整实例
2018/12/14 Javascript
vue的注意规范之v-if 与 v-for 一起使用教程
2019/08/04 Javascript
JS中数组实现代码(倒序遍历数组,数组连接字符串)
2019/12/29 Javascript
jquery实现图片放大镜效果
2020/12/23 jQuery
详解Python 2.6 升级至 Python 2.7 的实践心得
2017/04/27 Python
python pandas 如何替换某列的一个值
2018/06/09 Python
Python生成器generator用法示例
2018/08/10 Python
使用pyshp包进行shapefile文件修改的例子
2019/12/06 Python
HTML5 常用语法一览(列举不支持的属性)
2010/01/26 HTML / CSS
如何利用input事件来监听移动端的输入
2016/04/15 HTML / CSS
TCP/IP中的TCP和IP分别承担什么责任
2012/04/21 面试题
运动会通讯稿400字
2014/01/28 职场文书
酒店仓管员岗位职责
2014/04/28 职场文书
省级优秀班集体申报材料
2014/05/25 职场文书
四风对照检查剖析材料
2014/10/07 职场文书
2014年协会工作总结
2014/11/22 职场文书
2014年工程师工作总结
2014/11/25 职场文书
2015年采购员工作总结
2015/04/27 职场文书
青少年法制教育心得体会
2016/01/14 职场文书
对Golang中的FORM相关字段理解
2021/05/02 Golang
Python制作一个随机抽奖小工具的实现
2021/07/07 Python