Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.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 日期选择器周视图_Javascript_Html_Angular_Datepicker - Fatal编程技术网

Javascript 日期选择器周视图

Javascript 日期选择器周视图,javascript,html,angular,datepicker,Javascript,Html,Angular,Datepicker,我需要一个带有周视图的免费日期选择器,类似于: 我发现,付出更多 最好是javascript、angular、html有一个很好的日期选择器,它免费且易于使用 似乎也有你所追求的细节这很容易让你自己。制作一个具有以下参数的函数:星期、第0周到第6周的第几天、月份和年份 因为一个月的第一天可能是星期一,星期四。。。您必须根据选择的月份和年份计算增量,并将其作为参数传递给函数 private getIncrement(year:number,month:number): number{ le

我需要一个带有周视图的免费日期选择器,类似于:

我发现,付出更多

最好是javascript、angular、html

有一个很好的日期选择器,它免费且易于使用


似乎也有你所追求的细节

这很容易让你自己。制作一个具有以下参数的函数:星期、第0周到第6周的第几天、月份和年份

因为一个月的第一天可能是星期一,星期四。。。您必须根据选择的月份和年份计算增量,并将其作为参数传递给函数

private getIncrement(year:number,month:number): number{
    let date = new Date('' + year + '-' + month + '-1');
    let 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
    let day = week * 7 + dayWeek - increment;
    if (day <= 0) {
        let 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,添加两个按钮,然后享受代码

感谢您的回复,但我需要它在weekview中明确显示,如上图所示,您可以自定义,并非所有内容都在一个盘子上供您使用,您有时还需要创建我按照您的建议实现了我自己的库:感谢您的回复,这是实现我自己的库的基础: