试着写了一个日期选择器

2015/09/15 | 1分钟阅读 | 更新于 2015/09/15

是这样的，搜图的时候看到了这么一张图，感觉挺好看的，于是就开始模仿。

然后试着写了写样式，效果大致是这样的，手头没有小图标，用了小于号和大于号。

然后里面有35个 li，边缘和角落的边框是靠不同的 class 控制的，懒得一个一个写，于是用 ruby 写了代码把它们打印出来。折腾了一番之后。然后每次检查某个月和前后两个月，共取出35天，计算判断所处的位置，添加适合的 class 控制样式。之后把 ruby 代码处理写了 js 的代码，借用 jquery 实现了批量生成日历。哦，对了，中途发现35个 li 对某些月份是不够的，他需要六行42个。

HTML 只需要写这么一句

<div class="calender u-calender">2014-12-22</div>

效果是这样的：

之后考虑了js调用还是太繁琐，于是参考了 bootstrap-datetimepicker 现在生成这些日期选择器只需要再这样

$("document").ready(function () {
  set_date_picker({
    // color:"#7ac4c3"
  });
});

效果是这样的：

现在还没有点击事件，等待日后更新

github learn_datepicker