欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-06-13 11:13:45
...

本篇文章给大家带来的内容是关于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),滑动的太快会出现如下的积累事件

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

生命周期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日历组件开发内容的补充的详细内容,更多请关注其它相关文章!

相关标签: jquery日历组件