强大的独立日期选择器(date picker)插件 - Kalendae

日期:2012-4-16  来源:GBin1.com

强大的独立日期选择器(date picker)插件 - Kalendae

在线演示  本地下载

今天分享一个独立的日期选择插件Kalendae,Kalendae是 一个强大健壮的独立日期选择器。如果你不想使用重量的jQuery UI类库的话,这个插件肯定是一个不错的备选。Kalendae包含了丰富的插件选项,配置,属性,事件和函数。给予你丰富和灵活的方式来创建日期选择 器。当然它内含了一个强大的日期处理javascript插件 - moment.js, 这个类库我们也曾经介绍过(不容错过的超棒Javascript日期处理类库-Moment.js),能够灵活的处理和格式化日期。

主要特性

  • 完全支持各平台移植,没有任何类库依赖,不要求jQuery, prototype,或者Mootools。只需要添加脚本和样式
  • 支持主题和皮肤。缺省的主题只使用一个图片文件,其它配置使用CSS
  • 支持单天,多天或者日期区域选择
  • 可配置月份选择
  • 可作为一个行内的插件在页面中使用,或者绑定输入框来调用
  • 可绑定到页面中任何元素,不仅仅是已命名元素
  • 支持多种类型配置例如,隔日选择/工作日选择 ,未来/过去,可定义为数组或者通过callback配置
  • 日期输出类型可支持不同的格式,利用moment.js来高效处理和解析日期

如何使用

导入对应的javascript和CSS:

<link rel="stylesheet" href="build/kalendae.css" type="text/css" charset="utf-8">
<script src="build/kalendae.js" type="text/javascript" charset="utf-8"></script> 

针对不同的使用环境设置,如下:

单日期选择

new Kalendae(document.body, {months:1,mode:'single',selected:Kalendae.moment().subtract({M:1})
});new Kalendae({attachTo:document.body,months:2,mode:'single',selected:Kalendae.moment().subtract({M:1})
});new Kalendae({attachTo:document.body,months:3,mode:'single',selected:Kalendae.moment().subtract({M:1})
});

日期范围选择

....

来源:强大的独立日期选择器(date picker)插件 - Kalendae

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/463817.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

35家名企嵌入式/软件秋招岗位等你来!

大家好&#xff0c;我是写代码的篮球球痴。前两天一个小伙伴在微信让我帮忙推荐嵌入式招聘岗位。我实话实说&#xff0c;是有认识的人让我推荐简历的&#xff0c;但是相对于专业的招聘网站&#xff0c;我手里能拿出来的岗位实在是少之又少&#xff0c;专业的招聘网站会对不同的…

javascript实现平滑的锚点

转到源文件 转载于:https://www.cnblogs.com/flat_peach/archive/2008/07/22/1248653.html

Windows下窗口的生命周期

程序的执行 当执行Windows程序的时候&#xff0c;加载器加载该程序&#xff0c;然后调用C startup code&#xff0c;再调用程序中WinMain()。 初始化 WinMain函数首先通过CreateWindow函数创建窗口&#xff0c;并对窗口进行初始化配置; 消息的处理 程序通过循环GetMessage函数不…

尝试梳理下ARM处理器的发展历史

大家好&#xff0c;这篇文章是我的朋友Michael Yao写的&#xff0c;我觉得非常不错&#xff0c;分享给大家。1. 前言本文尝试简单梳理下ARM处理器的发展历史、架构的演进&#xff0c;包括不同处理器的应用方向&#xff0c;但我们重点还是围绕Cortex-A系列展开&#xff0c;也会介…

linux下的CPU、内存、IO、网络的压力测试

一、对CPU进行简单测试&#xff1a; 1、通过bc命令计算特别函数 例&#xff1a;计算圆周率 echo "scale5000; 4*a(1)" | bc -l -q MATH LIBRARY If bc is invoked with the -l option, a math library is preloaded and the default scale is set to 20.…

清空sql server日志

1、打开查询分析器&#xff0c;输入命令DUMP TRANSACTION 数据库名 WITH NO_LOG2、打开企业管理器--右键你要压缩的数据库--所有任务--收缩数据库--收缩文件--选择日志文件--在收缩方式里选择收缩至: ,这里会给出一个允许收缩到的最小M数,直接输入这个数,确定就可以了。3、在数…

find与grep的区别

find 功能&#xff1a;在目录结构中搜索文件&#xff0c;并执行指定的操作。此命令提供了相当多的查找条件&#xff0c;功能很强大。 语法: find 查找位置 匹配文件名 说明&#xff1a;find命令从指定的起始目录开始&#xff0c;递归地搜索其各个子目录&#xff0c;查找满足寻…

给你这张图,你能搜索到来历吗

如果我们想让搜索引擎帮我们找到这张图的来历&#xff0c;可能吗&#xff1f; 这是目前搜索引擎做不到的。如果能做到呢&#xff1f; 转载于:https://www.cnblogs.com/shangge/archive/2008/07/23/1249767.html

晚上读内核代码

最近因为要解决一个bug&#xff0c;需要在内核的f_hid.c里面做一些适配&#xff0c;需要把这部分代码研究透彻。在这几天之前我是根本不知道什么是In端点&#xff0c;Out端点&#xff0c;以及什么是endpoint 0的&#xff0c;而且最近的一段时间&#xff0c;我一直是在写应用方面…

我的家庭私有云计划-16

嗯&#xff0c;上午测试S2S的稳定性&#xff0c;改掉几个bug。还挺忙的。这会儿让机器跑测试去&#xff0c;腾出点时间&#xff0c;我们接着聊。 呵呵&#xff0c;昨天哪&#xff0c;已经有朋友批评我了&#xff0c;说我有点贪大求全&#xff0c;这个论坛什么的没必要自己实现&…

采用存储复制方式同步数据,实现数据库安全升级

2017年年初&#xff0c;海天起点为某省中行机房搬迁工作保驾护航。在机房搬迁过程中发现有多套数据库需要升级到11g&#xff0c;但由于有些数据库比较老旧&#xff0c;升级过程不能一次性完成&#xff0c;需要先升级到一个中间版本&#xff0c;再升级到最终目标版本。 但由于银…

【转】娱乐八卦——关于孙悟空的授业师傅的分析

一&#xff0e;《西游记》和《封神演义》联系密切  提起明朝著作《西游记》和《封神演义》&#xff0c;我想你一定不会陌生。从两部作品中派生出来的《孙悟空大闹天宫》、《哪吒闹海》等神话就更是家喻户晓&#xff0c;人人皆知了。两部小说虽然讲述的是不同朝代的故事&#…

为啥要xargs

转载&#xff1a;http://blog.csdn.net/yhcharles/article/details/44875865 为啥要xargs? 通常linux命令可以用|首尾相连&#xff0c;上一个命令的 stdout 连接到下一个命令的 stdin。但是有些命令&#xff0c;比如ls、rm等&#xff0c;是从命令行参数接受输入的。这时候如果…

Linux进程调度与性能优化 | 真货

作者简介&#xff1a;张毅峰&#xff0c;某主机厂架构师。一、eBPF安全可观测性的前景展望本次分享将从监控和可观测性、eBPF安全可观测性分析、内核安全可观测性展望三个方面展开。1.监控(Monitoring)vs可观测性(Observability)从上图可以看到&#xff0c;监控只是可观测性的冰…

教师生涯由此开始

招聘会时间&#xff1a;2012-03-28 09:00 招聘会地址&#xff1a;就业办507 为加强教师队伍建设&#xff0c;建设教育强县&#xff0c;经研究&#xff0c;我县决定面向全国“985”、“211”工程高等师范院校应届毕业生选聘普通高中和初中教师38名。现将有关事项公告如下&#x…

AutoCAD .net 二次开发官方教程及源码C#版(4)-(源码下载)

示例源码第4章 数据库基础2:添加自定义数据在这一章中&#xff0c;我们将创建一个新的字典对象&#xff0c;它用来表示我们雇员就职的 ‘Acme 公司‘&#xff08;呵呵&#xff0c;当然是虚构的一家公司&#xff09;的部门。这个“部门”字典对象将包含一个表示部门经理的记录。…

二叉树前序、中序、后序遍历非递归写法的透彻解析

前言 在前两篇文章二叉树和二叉搜索树中已经涉及到了二叉树的三种遍历。递归写法&#xff0c;只要理解思想&#xff0c;几行代码。可是非递归写法却很不容易。这里特地总结下&#xff0c;透彻解析它们的非递归写法。其中&#xff0c;中序遍历的非递归写法最简单&#xff0c;后序…

深夜看代码2

昨天的文章晚上读内核代码有人评论说好像说了一些什么&#xff0c;好像又没有说什么&#xff0c;所以我到底是在说什么呢&#xff1f;因为今天已经把内核修改好了&#xff0c;自己也测试了&#xff0c;所以这次好好说下&#xff0c;我到底是说了什么&#xff0c;又做了什么。—…

ecshop程序设置伪静态简单三步骤

ecshop相信很多做网站商城的站长朋友都会用到的程序&#xff0c;那么ecshop如何才能设置伪静态&#xff1f;之前本人在调整我这两个站时可费了我不少功夫&#xff1b;http://www.belle-china.com/&#xff1b;http://www.camel-hk.com/你们可以看到了吧我这两个站现在已经弄好了…

F#学习之路(2) 深刻理解函数(上)

函数在函数式编程语言中是一等公民&#xff0c;是函数式语言中最重要的基本组成元素&#xff0c;也是其名称的由来。 F# 中的函数之如C#中的类&#xff0c;是组织程序结构的最基本单元。是命令式编程语言中函数或OO编程语言中方法的超集。超集&#xff0c;有多强大&#xff1f…