$.fn.picDate

参数说明

dateRange 可选日期范围,一个二维数组,见demo

openMonth 弹出日历时,默认打开哪个年月的视图,格式为yyyy-mm;不传则打开今天所在年月视图

callback 选择了日期之后的回调函数,两个参数分别为date``````elem,其中dateyyyy-mm-dd格式的字符串,elem是当前触发日历的元素

Demo

HTML 部分

<ul>
    <li>2016-07-21</li>
    <li>2016-08-02</li>
    <li>2016-08-03</li>
    <li>2016-08-04</li>
    <li>2016-08-05</li>
    <li>2016-08-06</li>
    <li>2016-12-07</li>
</ul>

js 部分

var dateRangesArr = [
    ['20160801', '20160807'],  // 一段时间的开始和结束时间
    ['20160222', '20160222'],  // 一天的情况  开始结束用一样的

    ['20160812', '20160818'],
    ['20160821', '20160827'],

    ['20161001', '20161007'],
    ['20161022', '20161027'],

    ['20160401', '20160407'],

    ['20160426', '20160503'],

    ['20160312', '20160317'],

    ['20161101', '20161107'],

    ['20160511', '20160517']
];

/**
 * 调用方法
 */
$('ul li').pickDate({
    // 可用日期范围
    dateRange: dateRangesArr,

    // 打开日历中的哪一年月
    // 可以不传 则打开今天所在月份
    // openMonth: '2016-11',

    // 选择日期的回调
    // @param {String} date   'yyyy-mm-dd'
    // @param {DOM}    elem   触发日历的节点
    callback: function (date, elem) {
        $(elem).html('<b>[' + date + ']</b>');
    }
});