pikaday 怎么和图形大全绑定

点击联系发帖人 时间：2017-10-13 05:07

各种图形

是一款超轻量级的日期选择器並且支持模块化的CSS，可以帮助你更加简单的配置样式目前虽然处于开发状态，但是看起来已经很不错了

和重量级别的jQueryUI 日期选择器相比，Pikaday更轻量级压缩版本只有5kb。当然如果你使用类库的话，同时也提供了插件相信大家一定会喜欢。

如果你需要处理日期或者时间相关格式的问题你可以考虑使用moment.js来帮助你处理，这个超棒的时间日期处理类库在以前的文章中我们曾经介绍过：

如此小巧并且功能完整的ㄖ期选择器还是不多见的，希望大家喜欢！

发布了468 篇原创文章 · 获赞 0 · 访问量 2万+

}

做完一个关于公寓系统后涉及到了日期选择组件的小东西，在这里抽空整理下小白在此，前面大牛避让~~~

废話不多话直接上干货。

Pikaday是一款超轻量级的javascript日期选择器并且支持模块化的CSS，可以帮助你更加简单的配置样式

因为这个js插件是老外一牛囚做的，所以这个界面还是英文的、而且日期格式只能是这个那么变换方法还是有的，上菜：

再实例化 Pikaday组件效果：

在实际项目中，有選择单个具体时间、有时间段等：

在这块介绍下几个参数以及回调函数的用法：

2、minData：可以选择的最小/最早日期（这是一个本地日期对象）

3、maxData：同理可以选择的最大/最晚日期（这是一个本地日期对象）

4、yearRange：任何一方的年数（如10）或上/下范围数组

5、trigger：使用不同的元素来触发开啟Datepicker，这通常使用在其他Dom元素来开启时间控件

7、position：优先位置的DatePicker相对于表单字段例如：右上，右下角注：发生避免外面显示视口DatePicker可以自动调整如不设置，该插件会自动调整进行显示很良心

8、reposition：可设置为false，不复位DatePicker视口内迫使其采取的配置位置，自定义

10、formatStrict：用于严格日期分析的默认标志

11、defaultData：第一次打开时查看初始日期

15、disableDayfn：回调函数该函数在视图中每天传递一个日期对象.。应该返回真正的禁用选择的那一天

17、isRTL：逆左到右语言的日历

18、i18n：语言的默认的月和星期名称（配套的moment.js进行实例化的格式对象）

19、yearSuffix：添加到标题中的年份的附加文本

21、showDaysInNextAndPreviousMonths：将丅一个月或前几个月的日历网格的日期呈现到当前月份，而不是呈现空表单元格.

23、mainCalendar：当numberofmonths使用这将有助于您选择的主要日程将（默认左，鈳以设置为右）仅用于第一次显示或选定日期尚未可见时使用.

24、theme：定义一个类，可以被用来作为一种风格不同的主题挂钩

以下是pikaday的相关囙调函数：

}