Datepicker周视图[关闭]

Question

我需要一个带有周视图的日期选择器（免费），类似于：

我找到this，更多的是付费的！

最好是javascript、angular、html

Answer 1

做自己很容易。创建一个函数，参数为：星期、星期几（0 到 6）、月份和年份

由于一个月的第一天可以是星期一、星期四...您必须根据您选择的月份和年份计算“增量”，并将其作为参数传递给函数

private getIncrement(year:number,month:number): number{
    const date = new Date('' + year + '-' + month + '-1');
    const increment = date.getDay() > 0 ? date.getDay() - 2 : 5;
    return increment;
}

private getDate(week: number, dayWeek: number, 
                 year:number,month:number,increment:number) {
    let date:any
    const day = week * 7 + dayWeek - increment;

    if (day <= 0) {
        const fechaAuxiliar = new Date('' + year + '-' + month + '-1');
        date = new Date(fechaAuxiliar.getTime() + ((day - 1) * 24 * 60 * 60 * 1000));
    }
    else {
        date = new Date('' + year + '-' + month + '-' + day);

        if (isNaN(date.getTime())) {
            let fechaAuxiliar = new Date('' + year + '-' + month + '-1');
            date = new Date(fechaAuxiliar.getTime() + ((day + 1 - increment) * 24 * 60 * 60 * 1000));
     }
   }
     return date;
}

毕竟，你做了一个 *ngFor，添加两个按钮，然后享受代码！

Answer 2

Material 2 有一个很棒的日期选择器，免费且易于使用

ng2-date-picker 似乎也有你所追求的细节