为了账号安全,请及时绑定邮箱和手机立即绑定

DatePicker组件开发

  • 当月第一天,和当月最后一天的获取方式...这个就确实比较扯了,但事实上它就要这样....

    查看全部
    0 采集 收起 来源:前置知识

    2021-09-23

  • 1.如何计算出现位置
    wrapper.left=input.offsetleft
    wrapper.top=input.top+height
    2.ui设计 div+table
    3.一个月有4-6个星期
    4.当月第一天 new Date(year,month-1,1)
    当月最后天 new Date(year,month,0)因为月可能28天可能30,31
    星期1-星期天【1,2,3,4,5,6】
    5.组件结构



    6102ca62000147b005401200.jpg6102ca2a0001978405401200.jpg
    查看全部
    0 采集 收起 来源:总结

    2021-07-29

  • vscode数字范围插件6102bb8a00014c7705401200.jpg
    查看全部
    0 采集 收起 来源:静态结构

    2021-07-29

  • 第一天

    new Date(year, minth-1, 1)

    最后一天

    new Date(year, month,0)


    查看全部
    0 采集 收起 来源:前置知识

    2020-04-28

  • (function () {
       var datepicker = {};
        datepicker.getMonthData = function (year,month) {
            var ret = [];
            if(!year || !month){
                var today = new Date();
                year = today.getFullYear();
                month = today.getMonth()+1;
            }
            var firstDay = new Date(year,month-1,1);
            var firstDayWeekDay = firstDay.getDay();
            if(firstDayWeekDay === 0)
                firstDayWeekDay = 7;
    
            var lastDayOfLastMonth = new Date(year,month-1,0);
            var lastDateOfLastMonth = lastDayOfLastMonth.getDate();
    
            var preMonthDayCount = firstDayWeekDay -1;
    
            var lastDay = new Date(year,month,0);
            var lastDate = lastDay.getDate();
    
            //利用循环查询到一周日期
            for( var i = 0; i<7*6; i++){
                var date = i+1 - preMonthDayCount;
                var showDate = date;
                var thisMonth = month;
                if(date <= 0){
                    thisMonth = month +1;
                    showDate = lastDateOfLastMonth +date;
                }else if(date > lastDate){
                    thisMonth = month +1;
                    showDate = showDate-lastDate;
                }if(thisMonth === 0)thisMonth = 12;
                if(thisMonth === 13) thisMonth = 1;
    
                ret.push({
                   month:thisMonth,
                   date:date,
                    showDate:showDate
                });
            }
            return ret;
        };
       window.datepicker = datepicker;
    
    })();


    查看全部
    0 采集 收起 来源:获取日历数据

    2019-07-19

  • new Date(year, month-1, date)

    月份需要减一

    越界自动退位

    getFullYear()/ getMonth()/  getDate()   /  getDay() [获取星期0到6]

    当月第一天new Date(year, minth-1, 1)

    当月最后一天new Date(year, month,0)

    查看全部
    1 采集 收起 来源:前置知识

    2019-03-22

首页上一页123456下一页尾页

举报

0/150
提交
取消
课程须知
需要有HTML/CSS/JavaScript基础
老师告诉你能学到什么?
1、使用HTML和CSS编写组件的静态UI 2、使用原生javascript完成日历数据的获取 3、使用原生javascript实现静态UI和动态数据的结合,完成日历数据的渲染 4、事件绑定处理 5、前端组件的基本构成和编写模式

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!