Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 周/年选择器jQuery插件_Javascript_Jquery_Datepicker - Fatal编程技术网

Javascript 周/年选择器jQuery插件

Javascript 周/年选择器jQuery插件,javascript,jquery,datepicker,Javascript,Jquery,Datepicker,是否有任何jQuery插件可用于选择周/年,例如2012年1月或2010年53月,就像日期选择器一样 我四处摸索,但找不到匹配的插件。我在考虑简单的选择框,但似乎选择器会提供良好的用户体验。看看,在这个选择器中,您可以独立选择月份/年份。您可能也可以修改它来设置/获取周末号码。我已经为我的一个项目重新设置了jquery UI日期选择器的列表。此外,从日期获取周数并不像看上去那么简单: 无论如何,这里有一个完整的解决方案: css: js: 如果您有任何问题,请告诉我,这是否适合您 .ui-dat

是否有任何jQuery插件可用于选择周/年,例如
2012年1月
2010年53月
,就像日期选择器一样


我四处摸索,但找不到匹配的插件。我在考虑简单的选择框,但似乎选择器会提供良好的用户体验。

看看,在这个选择器中,您可以独立选择月份/年份。您可能也可以修改它来设置/获取周末号码。

我已经为我的一个项目重新设置了jquery UI日期选择器的列表。此外,从日期获取周数并不像看上去那么简单:

无论如何,这里有一个完整的解决方案:

css:

js:

如果您有任何问题,请告诉我,这是否适合您

.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; }
$('#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; };