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

DatePicker组件开发

花了一上午全看完了,讲得很好,一直想封装自己的代码,看完获益匪浅,谢谢老师了。
还是很懵啊

最新回答 / 只有学习才能进步
<...图片...>为什么了改了还是没用?<...图片...>
感谢老师的课程,受益匪浅
其实不需要重复取年月,因为开头已经有声明当传入的值不为真时就会初始化年月为当前年月
总感觉这个直播里面的代码,有点跳跃性的改变。导致我跟着直播写代码的时候,一直出不来效果,仔细看才知道,有些跳跃性的改变,直播没弄出来。
无法执行datepicker.render();
看了老师的课又发现了一个多列编写的新大陆啊!

最新回答 / 慕斯卡1895145
应该是写拼写错了或者语法错误  window怎么会未定义
单元格的点击事件中有一行有误,
var date = new Date(monthData.year, monthData.month, $target.dataset.date);
应该改为
var date = new Date(monthData.year, monthData.month - 1, $target.dataset.date);

在演示时,明明是2017-02月,当点击2号的时候,却显示成了2017-03-02。
为什么不能只中间的日期数字变化其余的不变呢?为什么每次都要重建一个完整的模板呢?

最新回答 / qq_昨夜闲谈梦落花_0
可以这么调用datepicker.init = function ($dom, year, month) {    var html = datepicker.buildUi(year, month);    $dom.innerHTML = html;}datepicker.init(document.querySelector(".ui-datepicker-wrapper"), 2018, 3);
谢谢老师,终于知道日历是咋做的了。辛苦了。。。
完整源码:https://github.com/DaiWanwan/Datapicker
课程须知
需要有HTML/CSS/JavaScript基础
老师告诉你能学到什么?
1、使用HTML和CSS编写组件的静态UI 2、使用原生javascript完成日历数据的获取 3、使用原生javascript实现静态UI和动态数据的结合,完成日历数据的渲染 4、事件绑定处理 5、前端组件的基本构成和编写模式

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消