有没有轻量级的JavaScriptdateselect器?

我正在使用jQuerydateselect器,但它太重,缩小版本的ui.datepicker.min.js是44 KB。 datepicker的图像有自己的重量。 jQuery框架是59 KB。 而在页面上的总图像大约80 KB。 该页面的总HTML约为70 KB,CSS文件大小约为72 KB。 还有更多,所有的东西总和达到600 KB(0.6 MB)。

你认为用户将等待600 KB下载到浏览器? 这可能需要8-10秒。 而且我不认为用户会等待这么长时间。

我想保持我的网站轻量级。 有没有轻量级的JavaScriptdateselect器?

一种select是使用诸如Google Libraries API之类的内容传递networking (CDN)来为jQuery等常用脚本文件提供服务。 使用CDN很可能是用户已经将脚本文件caching在浏览器中,并且不需要再次下载它。 至于其他静态资源,您可以阅读YSlowbuild议来优化静态资源的加载时间(您可以缩小 ,gzip压缩和caching静态资源)。

我刚刚遇到Pikaday ,看起来不错,很轻量级(约11kb的JS,缩小)。 也不需要jQuery。

这是一个演示 。

选取器的屏幕截图:

Pikaday截图

示例与timepicker和moment.js一起使用pikaday

 <link rel="stylesheet" href="/pikaday/css/pikaday.css"> <script src="/pikaday/moment.js"></script> <script src="/pikaday/pikaday.js"></script> <script> var timepicker = new Pikaday({ field: document.getElementById('datetimepicker'), firstDay: 1, minDate: new Date(2016, 0, 1), maxDate: new Date(2100, 12, 31), yearRange: [2016,2100], showTime: true, autoClose: false, use24hour: false, format: 'MMM Do YYYY, h:mm a' }); </script> 

github.com/owenmead/Pikaday

momentjs.com

我遇到了与官方jQuery示例相同的问题(请参阅上面的注释)。 我把问题隔离到CSS主题,并开始剥离垃圾。 在我结束之前,我发现一个人正是我所需要的: http : //keith-wood.name/datepickBasics.html

它需要DatePicker.js和一个CSS文件。 除了每个人都应该caching的基本jQuery文件外,他们都告诉了2个HTTP请求和40 kB。

这个dateselect器在这里不需要jQuery和缩小文件大约11kb: https : //github.com/kaore/CibulCalendar

我已经看到了Jason Moon的傻瓜式dateinput日历脚本 。 它的重量似乎有点轻。

虽然我不能完全担保function集等。

我发现这个最适合我: http : //keith-wood.name/datepick.html

用户界面主要针对触摸设备,但桌面使用也可以。 至于体重,缩小和gzipped它来到一个可接受的15kb。

Mobiscroll日历