轻量级日期插件Pikaday中文版

轻量级日期插件Pikaday中文版

今天想跟大家介绍的一款国外的时间控件,我之所以关注他是因为在神飞的博客上推荐过这款时间插件Pikaday当时他的博客介绍说这个插件只有5k。


当时马上就给吸引了,后面去作者博客看了下最新版的,应该这个插件在神飞写完那篇文章后有陆续更新过几次,现在压缩后的JS大小是11k左右,不过还是挺小的,外观各方面也很不错,相比我们传统使用的My97datepicker的界面好看实在太多了,调用方法也简单,不过功能要跟My97datepicker的功能相比那肯定没办法那么全面,不过现在大部分情况下也可以满足我们的需求了。


那我们来看下他的这个插件的Demo地址:http://dbushell.com/2012/10/09/pikaday-javascript-datepicker/


因为这个插件是国外的人开发的,所以是英文版的。他不像My97datepicker那样有中文语言包,所以我就痛苦的研究了下源码,把这个插件改成了中文版的,提供给大家,希望对你们有用。




我们先来看下这个插件的调用方法吧:

HTML代码

<input type="text" id="datepicker" />


JS代码

var picker = new Pikaday(
    {
        field: document.getElementById('datepicker'),
        firstDay: 1,
        minDate: new Date('2010-01-01'),
        maxDate: new Date('2020-12-31'),
        yearRange: [2000,2020]
    });


github地址:https://github.com/owen-hong/Pikaday

下载地址:https://github.com/owen-hong/Pikaday/archive/master.zip


转载请注明来自 520UED http://www.520ued.com/article/53882962b992a7c43f5c2045

comments powered by Disqus