Datepicker周视图[关闭]

Posted 2023-05-07

【中文标题】Datepicker周视图[关闭]

【英文标题】：Datepicker week view [closed]

【发布时间】：2018-08-03 00:53:12

【问题描述】：

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

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

最好是javascript、angular、html

【参考方案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，添加两个按钮，然后享受代码！

【讨论】：

感谢您的回复，这是实现我自己的库的基础：github.com/FranclisJunior/datepicker-week-view

【参考方案2】：

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

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

【讨论】：

感谢您的回复，但我需要如上图所示具体在weekview中

你可以自定义，不是所有东西都在你的盘子里供你消费，你有时也需要创建

我听从了你的建议并实现了我自己的库：github.com/FranclisJunior/datepicker-week-view