pickerDateRange日期范围选取--插件

单日期

 

 

pickerDateRange日期参数API

 

var defaults = { 
    aToday: \'aToday\', //今天 
    aYesterday: \'aYesterday\', //昨天 
    aRecent7Days: \'aRecent7Days\', //最近7天 
    aRecent14Days: \'aRecent14Days\', //最近14天 
    aRecent30Days: \'aRecent30Days\', //最近30天 
    aRecent90Days: \'aRecent90Days\', //最近90天 
    startDate: \'\', // 开始日期 
    endDate: \'\', // 结束日期 
    startCompareDate: \'\', // 对比开始日期 
    endCompareDate: \'\', // 对比结束日期 
    minValidDate: \'315507600\', //最小可用时间，控制日期选择器的可选力度 
    maxValidDate: \'\', // 最大可用时间，与stopToday 配置互斥 
    success: function(obj) { 
        return true; 
    }, //回调函数，选择日期之后执行何种操作 
    startDateId: \'startDate\', // 开始日期输入框ID 
    startCompareDateId: \'startCompareDate\', // 对比开始日期输入框ID 
    endDateId: \'endDate\', // 结束日期输入框ID 
    endCompareDateId: \'endCompareDate\', // 对比结束日期输入框ID 
    target: \'\', // 日期选择框的目标，一般为 <form> 的ID值 
    needCompare: false, // 是否需要进行日期对比 
    suffix: \'\', //相应控件的后缀 
    inputTrigger: \'input_trigger\', 
    compareTrigger: \'compare_trigger\', 
    compareCheckboxId: \'needCompare\', // 比较选择框 
    calendars: 2, // 展示的月份数，最大是2 
    dayRangeMax: 0, // 日期最大范围(以天计算) 
    monthRangeMax: 12, // 日期最大范围(以月计算) 
    dateTable: \'dateRangeDateTable\', // 日期表格的CSS类 
    selectCss: \'dateRangeSelected\', // 时间选择的样式 
    compareCss: \'dateRangeCompare\', // 比较时间选择的样式 
    coincideCss: \'dateRangeCoincide\', // 重合部分的样式 
    firstCss: \'first\', //起始样式 
    lastCss: \'last\', //结束样式 
    clickCss: \'today\', //点击样式 
    disableGray: \'dateRangeGray\', // 非当前月的日期样式 
    isToday: \'dateRangeToday\', // 今天日期的样式 
    joinLineId: \'joinLine\', 
    isSingleDay: false, 
    defaultText: \' 至 \', 
    singleCompare: false, 
    stopToday: true, 
    isTodayValid: false, 
    weekendDis: false, //灰掉周末不可选。 
    disCertainDay: [], //不可用的周日期设置数组，如：[1,3]是要周一， 周三 两天不可选，每个周的周一，周三都不可选择。 
    disCertainDate: [], //不可用的日期设置数组，如:[1,3]是要1号，3号 两天不可选，特别的，[true,1,3]则反之，只有1，3可选，其余不可选。 
    shortOpr: false, //结合单天日期选择的短操作，不需要确定和取消的操作按钮。 
    noCalendar: false, //日期输入框是否展示 
    theme: \'gri\', //日期选择器的主题，目前支持 \'gri\' / \'ta\' 
    magicSelect: false, //用户自定义选择年、月，与{theme:ta}配合使用。 
    autoCommit: false, //加载后立马自动提交 
    autoSubmit: false, //没有确定，取消按钮，直接提交  
    replaceBtn: \'btn_compare\' 
};

 

 本地效果为：plug/pickerDateRange/demo.html

本地效果为：plug/pickerDateRange/demo_single.html

地址API参数为：http://www.sucaihuo.com/js/868.html