最近项目中用到了一个日期选择器，原生的不是很好看，所以自己写了一个日历形式的，现在分享给大家。 直接上代码：https://gitee.com/piscdong/wechat_calendar 效果图如下 [图片] 月份切换直接用了原生的月份选择器。 代码还是相对比较简单的，这里简单分析一下日历部分的代码。 日历部分主要是使用js的Date对象来获取指定月份相关信息。首先获取到当月首日的星期，如果不是周日，则在前面补充上相应数量的空view。 [代码]if (week > 0) { for (var i = 0; i < week; i++) { days.push({ day: 0 }) } } [代码] 每个月的最大天数，和PHP不同，js好像并没有直接获取到的方法，我用了个笨办法，直接根据月份来判断当前月是否大月，2月的时候则是这一年是否闰年。 [代码]if (month == 4 || month == 6 || month == 9 || month == 11) { max = 30 } else if (month == 2) { if (((year % 4) == 0 && (year % 100) > 0) || (year % 400) == 0) { max = 29 } else { max = 28 } } [代码] 整体使用flex布局，父级的宽度正好是每个子级宽度的7倍，这样就可以每7天换一行。 其他基本上都是一些基础的js、css代码，没什么花头。