BootStrap组件之datetimepicker二次封装

/*====================================
 *  时间控件
 * @param $obj  时间控件对象
 *====================================*/
Tools.setDatePicker =  function($element){
    
    if (!$element || !$element.length) {
        console.info("元素为空，无法绑定日期控件！");
    }
    $element.datetimepicker({
            minView: "month", //选择日期后，不会再跳转去选择时分秒 
            language:  'zh-CN', //汉化
            format: 'yyyy-mm-dd',
            todayBtn:  1, //显示今天按钮
            autoclose: 1, //选择后关闭
    });
};


/*====================================
 *  增加几天
 * @param {string} date 开始的日期 
 * @param {int} days 增加的天数
 *====================================*/
Tools.addDay = function(date, days) {
    if (!isNaN(days)) {
        if (!(date instanceof Date)) {
            if (typeof date === 'string') {
                date = date.split('-').join('/');
            }
            
            date = new Date(date);
        }
        var timer = date.getTime()+ days*24*60*60*1000;
        date.setTime(timer);
        var month = date.getMonth() + 1, day = date.getDate();
        date = date.getFullYear()+ "-"+ (month < 10? ('0' + month) : month) + "-"+ (day < 10 ? ("0" + day) : day);
    }
    return date;
}

/*====================================
 *  选择日期组件组
 *  @param {object} $dateObjs 日期的Jquery对象
 *====================================*/
Tools.setDateRange = function($dateObjs) {
    var len = $dateObjs.length;
    if (len) {
        Tools.setDatePicker($dateObjs);
        $dateObjs.each(function(index, val) {
             $(this).on('changeDate.date-range.api', function(event) {
                event.preventDefault();
                var $that = $(this)
                    date = $that.val();

                if (!!date) {
                    for (var i = index + 1, $tmp, d; i < len; i ++) {
                        $tmp = $dateObjs.eq(i);
                        d = $tmp.val();
                        if (!!d) {
                            if (d <= date) {
                                $tmp.val('');
                            }
                        }
                        //默认增加一天
                        date = Tools.addDay(date, 1);
                        $tmp.datetimepicker('setStartDate', date);
                    }
                }
             });
        });
    }
    return $dateObjs;
};

bootstrap-datetimepicker时间插件

只跳转到YYYY-mm-dd

bootstrap-datetimepicker参数详述