有没有轻量级的JavaScript日期选择器?

11 浏览
0 Comments

有没有轻量级的JavaScript日期选择器?

我正在使用jQuery日期选择器,但它太庞大了,ui.datepicker.min.js的压缩版本大小为44 KB。日期选择器的图像也很重。jQuery框架大小为59 KB。页面上的所有图像总共约为80 KB。页面的总HTML大小约为70 KB,CSS文件大小约为72 KB。还有更多内容,所有这些加起来总共为600 KB(0.6 MB)。\n你认为用户会等待600 KB在浏览器中下载吗?可能需要8-10秒的时间。我不认为用户会等待那么长时间。\n我希望保持我的网站轻量级。是否有任何轻量级的JavaScript日期选择器?

0
0 Comments

这里提供了一个轻量级的JavaScript日期选择器,不需要依赖于jQuery,压缩文件大小约为11kb。你可以在这个链接中找到它:https://github.com/kaore/CibulCalendar

0
0 Comments

在处理官方jQuery示例中,我遇到了相同的问题(请参见我上面的评论)。我将问题隔离到了CSS主题,并开始剥离冗余内容。在我完成之前,我发现有一个人已经做了我所需要的事情:http://keith-wood.name/datepickBasics.html

它需要DatePicker.js和一个单独的CSS文件。总共需要2个HTTP请求和40 kB的额外内容,除了每个人都应该有缓存的基本jQuery文件,就像Darin所说的那样(链接已失效)

问题的原因是官方jQuery示例存在问题,经过分析发现是由于CSS主题的原因。解决方法是使用另外一个开发者提供的解决方案,该方案只需引入DatePicker.js和一个CSS文件即可。文章中还提到了该方案所需要的资源文件大小和HTTP请求次数。

0
0 Comments

有人询问是否有一个轻量级的JavaScript日期选择器,并提供了一个解决方案。他发现了一个名为Pikaday的库,这个库看起来很好,而且非常轻量级(约11kb的JS代码,经过压缩)。而且这个库不需要jQuery。他还提供了一个演示链接,并展示了Pikaday选择器的截图。

接下来的内容是一个使用Pikaday、timepicker和moment.js的示例代码。示例中引用了Pikaday的样式文件和两个JS文件,并创建了一个Pikaday实例。这个实例根据指定的配置参数,创建了一个带有时间选择的日期选择器。

接下来是一些相关的链接和问题。某些情况下了一个带有时间选择功能的Pikaday的分支版本,并提供了链接。还有人询问了Pikaday的兼容性,提供了一个链接来解答这个问题。还有人问到如何获取压缩后的Pikaday版本,提供了一个链接来获取。还有人问如何以自定义的日期格式显示日期,但并没有给出具体的解决方案。最后还某些情况下了在使用React.js进行服务器端渲染时需要注意的问题,并提供了一个相关的链接。

这篇文章介绍了一个轻量级的JavaScript日期选择器Pikaday,并提供了一个使用示例。文章还列举了一些相关的问题和解决方案的链接。

0