是否有任何jQuery插件可用於選擇周/年,例如1/2012
或53/2010
就像Date Picker?周/年選擇器jQuery插件
我偶然發現,但找不到匹配的插件。我正在考慮簡單的選擇框,但似乎選擇器會提供良好的用戶體驗。
是否有任何jQuery插件可用於選擇周/年,例如1/2012
或53/2010
就像Date Picker?周/年選擇器jQuery插件
我偶然發現,但找不到匹配的插件。我正在考慮簡單的選擇框,但似乎選擇器會提供良好的用戶體驗。
我已經爲我的項目之一restyling jquery UI datepicker做了。從日期也越來越週數不是那麼簡單,因爲它似乎:http://brainhog.blogspot.ie/2011/07/get-me-week.html
不管怎麼說,這裏的完整的解決方案:
CSS:
.ui-datepicker .ui-datepicker-calendar { border-collapse: separate; border-spacing: 0 2px; }
.ui-datepicker .ui-datepicker-calendar td { padding: 0; border: 1px solid #D3D3D3; border-width: 1px 0; }
.ui-datepicker .ui-datepicker-calendar td:last-child { border-right-width: 1px; }
.ui-datepicker .ui-datepicker-calendar td a { border: none; }
.ui-datepicker .ui-datepicker-calendar tbody tr:hover td { border-color: #FCEFA1; }
.ui-datepicker-calendar tbody tr:hover td a { background: #FCFAF1; }
.ui-datepicker-calendar tbody tr:hover .ui-datepicker-week-col,
.ui-datepicker-calendar tbody tr .ui-datepicker-week-col { background: #757575; padding: 0.2em; color: #fff; text-align: right; border: 1px solid #3F3F3F; }
#weekPicker { font-size: .7em; }
JS:
$('#weekPicker').datepicker({
firstDay: 1,
showWeek: true,
weekHeader: '',
dateFormat: 'yy-mm-dd',
beforeShow: function(input, inst){
var yw = input.value.split('-'), dat = getDateFromWeek(yw[0], yw[1]);
$('#weekPicker').datepicker("setDate", dat);
},
onClose: function(input, inst){
var yw = new Date(input).getFullWeek();
inst.input.val(yw.y+'-'+yw.w);
$('#weekPicker2').html('<b>Week ' + yw.w+'</b>: '+input);
}
});
和你還需要這些功能:
//Returns ISO 8601 week number and year
Date.prototype.getFullWeek = function(){
var jan1, w, d = new Date(this);
d.setDate(d.getDate()+4-(d.getDay()||7)); // Set to nearest Thursday: current date + 4 - current day number, make Sunday's day number 7
jan1 = new Date(d.getFullYear(),0,1); // Get first day of year
w = Math.ceil((((d-jan1)/86400000)+1)/7); // Calculate full weeks to nearest Thursday
return {y: d.getFullYear(), w: w };
};
//Returns ISO 8601 week number
Date.prototype.getWeek = function(){ return this.getFullWeek().w; };
var getWeeksInYear = function(y){ return new Date(y,11,28).getFullWeek().w; };
讓我知道你是否有任何問題和問題,以及這是否適合你。
看看here,在這個選擇器中,您可以獨立選擇月份/年份。您可以修改它以設置/獲取週末號碼。
謝謝。有用。 –