簽到日曆外掛程式

2022-07-16 05:39:10 字數 2271 閱讀 4712

1、html

×    

2、css

*ul,libody.checkin.clear .clearfix:after .clearfix /*

for ie6 ie7

*/.title.title p.title a.checkin lili.able-qiandaoli.checked.mask.modala.closebtn.title_h1.title_h1 span.title_h1 span::before.title_h1 span::after.title_h1 em.title_h1 i.title_h2.title_h2 span.trf.trf .modal

3、js

(function

($) ;

this.obj = $.extend({}, this.defaults, this

.opt);

}checkin.prototype.init = function

() ;

for (var i = 0; i < 42; i++) ;

var $li = _self.find(".calendarlist").find("li");

_self.find(".week li").css();

$li.css();

_self.find(".calendarlist").find("li:nth-child(7n)").css('borderright', 'none');

_self.find(".week li:nth-child(7n)").css('borderright', 'none');

var monthfirst = new date(year, month, 1).getday();

var d = new date(year, (month + 1), 0)

var totalday = d.getdate(); //

獲取當前月的天數

for (var i = 0; i < totalday; i++) }}

}//$li.eq(monthfirst+day-1).css('background','#f7ca8e');

/*找到當天的li,新增樣式able-qiandao

*/_self.find($(".data" + day)).addclass('able-qiandao');

}var ischecked = false

; checkin.prototype.events = function

() });

var checkbtn = _self.find(".checkbtn");

checkbtn.click(

function

(event) );

}var modal = function

(e)

else

; close.click(

function

(event) );

e.parents().find('.checkbtn').text("已簽到");

}$.fn.checkin = function

(options)

var isarray = function

(arg) ;

})(jquery);

//外掛程式呼叫

$(".checkin").checkin();

//元素居中顯示,與外掛程式無關,根本自己需要修改;

//$(".checkin").css('margintop',parseint(($(window).innerheight()-$(".checkin").outerheight())/2)+'px');

4、效果

5、乙個頁面嵌入另乙個頁面

<

iframe

src="top1.html"

frameborder

="0"

width

="900"

scrolling

="no"

height

="90"

>

iframe

>

vue 日曆簽到

doctype html html lang en head meta charset utf 8 title title title script src script style ul body calendar month month ul year month year month hove...

PHP 日曆簽到模組

create table create table tb signinfo id int 10 unsigned not null auto increment comment 記錄每條簽到詳情 memberid int 11 default null comment 關聯member表id sig...

Android快速實現簽到日曆

總結一下需求 1 展示共35天的日期,五行七列 2 當天日期必須處在日曆最中間的一行,也就是第三行。效果圖 1 用兩個網格布局的recyclerview分別展示日曆的星期和日期 2 獲取當天日期在日曆中所處的位置,由於當天日期是展示在第三行的,每行有七個日期,位置從零開始算,也就是第三行是從第14個...