有没有轻量级的javascript日期选择器?[关闭]

一种选择是使用 content delivery network (CDN)如 Google Libraries API 提供像jquery这样的公共脚本文件。使用cdn的可能性是,用户已经在浏览器中缓存了脚本文件,并且不需要再次下载。至于你可能读到的其他静态资源 YSlow recommendations 为了优化静态资源的加载时间(您可以 minify ,gzip压缩和缓存静态资源)。

我刚碰到 Pikaday ,它看起来不错,而且非常轻量级(大约11kb的js,被缩小)。也不需要jquery。

这里有一个 demo .

扒手截图:

将pikaday与timepicker和moment.js结合使用的示例

<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/owenmad/pikaday

MangJiS.com

我在官方jquery示例中也遇到了同样的问题(请参阅上面的注释)。我将问题与css主题隔离开来,并开始剥离垃圾。在我完成之前,我发现一个男人做了我所需要的: http://keith-wood.name/datepickBasics.html

它需要 DatePicker.js 以及一个css文件。除了每个人都应该缓存的基本jquery文件之外,所有的请求都是2个http请求和40kb like Darin says .

此处的日期选择器不需要jquery,并且缩小的文件大约为11kb: https://github.com/kaore/CibulCalendar

我见过 Jason Moon's Fool-Proof Date Input Calendar Script 在生产中。它看起来有点轻。

不过,我不能完全保证功能集等。

用户界面主要针对触摸设备,但桌面使用也可以。 至于重量,缩小和gzip它达到了可接受的15kb。

Mobiscroll Calendar

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