日期控件

今天想跟大家介绍的一款国外的时间控件，我之所以关注他是因为在神飞的博客上推荐过这款时间插件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