首页 > web前端 > js教程 > 正文

jquery日历组件开发内容的补充

不言
发布: 2018-09-07 15:52:56
原创
1193 人浏览过

本篇文章给大家带来的内容是关于jquery日历组件开发知识的补充,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

`是一个新增加的运算符,表示模板字符串。

var a = 10;
var b = "高兴";
var c = "手机";
var str = `好高兴啊,我买了一个${c},花了${a}元,我很${b}啊!`;
登录后复制
$(this.refs.span_container).append($("<span>111</span>")) 
$(this).append("<u></u>");
登录后复制

追加到span_container的后面
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容

注意:追加元素节点时,带有引号,否则追加不上

想要滚动效果的出现就不能让rendr()参与进来,不能在render里setsState,否则state一改变render重新启用,页面直接刷新,不会有动画效果的出

jquery无法响应滚轮事件,只能装插件
jquery.mousewheel.js

向上划 delta>0
向下划 delta<0

滚轮在这里必须用stop(true,true)
滚轮在这里用stop(true),滑动的太快会出现如下的积累事件

20180905175249889.png

生命周期componentDidMount(){}主要写时间委托、事件监听

获取系统当前年月日

var d = new Date();
"year" : d.getFullYear(),"month" : d.getMonth() + 1,"day" : d.getDate(),
登录后复制

返回哪个 DOM 元素触发了事件:

event.target
登录后复制
componentDidMount(){        
var self = this;
        $("html").click(function(event){
           //给最大的父元素加ref钩子
            var o = self.refs.BECanlendar;
            console.log($(event.target).parents(o).length==0){                
            //窗口的点击事件,当点击到外面的时候,length=0
            }
    });
    }
登录后复制

相关推荐:
Jquery日历插件制作简单日历_jquery

jquery网页日历显示控件calendar3.1使用详解

以上是jquery日历组件开发内容的补充的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!