Rumah > hujung hadapan web > tutorial js > jquery日历组件开发内容的补充

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

不言
Lepaskan: 2018-09-07 15:52:56
asal
1235 orang telah melayarinya

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

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

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

追加到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(),
Salin selepas log masuk

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

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

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

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

Atas ialah kandungan terperinci jquery日历组件开发内容的补充. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan