亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

DatePicker組件開發

難度中級
時長 1小時30分
學習人數
綜合評分9.83
69人評價 查看評價
10.0 內容實用
9.7 簡潔易懂
9.8 邏輯清晰
  • 當月第一天,和當月最后一天的獲取方式...這個就確實比較扯了,但事實上它就要這樣....

    查看全部
    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下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!