有没有轻量级的JavaScript日期选择器?
这里提供了一个轻量级的JavaScript日期选择器,不需要依赖于jQuery,压缩文件大小约为11kb。你可以在这个链接中找到它:https://github.com/kaore/CibulCalendar。
在处理官方jQuery示例中,我遇到了相同的问题(请参见我上面的评论)。我将问题隔离到了CSS主题,并开始剥离冗余内容。在我完成之前,我发现有一个人已经做了我所需要的事情:http://keith-wood.name/datepickBasics.html
它需要DatePicker.js
和一个单独的CSS文件。总共需要2个HTTP请求和40 kB的额外内容,除了每个人都应该有缓存的基本jQuery文件,就像Darin所说的那样(链接已失效)。
问题的原因是官方jQuery示例存在问题,经过分析发现是由于CSS主题的原因。解决方法是使用另外一个开发者提供的解决方案,该方案只需引入DatePicker.js
和一个CSS文件即可。文章中还提到了该方案所需要的资源文件大小和HTTP请求次数。
有人询问是否有一个轻量级的JavaScript日期选择器,并提供了一个解决方案。他发现了一个名为Pikaday的库,这个库看起来很好,而且非常轻量级(约11kb的JS代码,经过压缩)。而且这个库不需要jQuery。他还提供了一个演示链接,并展示了Pikaday选择器的截图。
接下来的内容是一个使用Pikaday、timepicker和moment.js的示例代码。示例中引用了Pikaday的样式文件和两个JS文件,并创建了一个Pikaday实例。这个实例根据指定的配置参数,创建了一个带有时间选择的日期选择器。
接下来是一些相关的链接和问题。某些情况下了一个带有时间选择功能的Pikaday的分支版本,并提供了链接。还有人询问了Pikaday的兼容性,提供了一个链接来解答这个问题。还有人问到如何获取压缩后的Pikaday版本,提供了一个链接来获取。还有人问如何以自定义的日期格式显示日期,但并没有给出具体的解决方案。最后还某些情况下了在使用React.js进行服务器端渲染时需要注意的问题,并提供了一个相关的链接。
这篇文章介绍了一个轻量级的JavaScript日期选择器Pikaday,并提供了一个使用示例。文章还列举了一些相关的问题和解决方案的链接。