單日期
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