最近项目用了一个日期选择器，原来的不太好看，所以自己写了一个日历表单，现在分享给大家。

直拨代码：https://gitee.com/piscdong/we.

效果图如下。

月份开关直接使用本地月份选择器。

代码相对简单。下面是对日历部分代码的简要分析。

在日历部分，js的Date对象主要用于获取指定月份的信息。首先，获取每月第一天的星期。如果不是星期天，在前面加相应数量的空视图。

if(第0周){ for(var I=0；一周；I) {days.push({ day: 0 }) }}一个月的最大天数，不像PHP，好像不是js直接获取的。我用了一个很笨的方法，直接根据月份来判断当月大不大，二月份是不是闰年。

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代码，没什么花哨的。