给力星

Web Developer

Github精选 – 适合移动端的HTML5 Datepicker

通过 HTML5 的 <input> 新属性可以简单方便地调用手机的原生 Datepicker,但功能较弱,定制性差。如果不要求调用手机原生的 Datepicker,目前 GitHub 上有不少优秀的基于 HTML5 开发的 Datepicker 可供选择,博主从 GitHub 中精选了几个优秀的作品供读者选择使用。

m-date-picker

m-date-picker 基于 React,提供了 iOS 风格的日期选择方式,与原生 Datepicker 非常相似。

m-date-picker截图m-date-picker截图

ios-datepicker

ios-datepicker 提供了 iOS 风格的日期选择方式,有上下滑动、左右滑动两种选择方式。

ios-datepicker截图ios-datepicker截图

mobipick

mobipick 基于 jQuery Mobile,提供了安卓风格的日期选择方式,通过点击 ‘+’、’-‘ 来选择日期。

mobipick截图mobipick截图

mobile508datepicker

mobile508datepicker 基于 jQuery Mobile,提供了安卓风格的日期选择方式,通过滑动来选择日期。

mobile508datepicker截图mobile508datepicker截图

PikadayResponsive

PikadayResponsive 移动端与 PC 端自适应的日期选择器,在移动端调用原生 Datepicker,而在 PC 端则调用 js 实现的日期选择器。

PikadayResponsive截图PikadayResponsive截图

发表评论

电子邮件地址不会被公开。