js实现移动端手机端日历签到效果代码-html代码-BFW代码库

js实现移动端手机端日历签到效果代码

代码语言：html

代码描述：js实现移动端手机端日历签到效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no">
    <style>
        @charset 'utf-8';
    a,
    body {
    	color: #666
    }
    
    .page,
    body {
    	width: 100%
    }
    
    .loading-main .loading-img-main,
    .page {
    	text-align: center
    }
    
    html {
    	height: 100%;
    	margin: 0 auto
    }
    
    body,
    html {
    	-webkit-user-select: element;
    	user-select: element;
    	letter-spacing: 0;
    	background: #f8f9fa;
    	-webkit-touch-callout: none
    }
    
    
    .fn-clear:after {
    	visibility: hidden;
    	height: 0
    }
    
    body {
    	font-family: arial, sans-serif;
    	font-size: 16px;
    	min-height: 100%;
    	-webkit-text-size-adjust: none
    }
    
    body,
    button,
    dd,
    dl,
    dt,
    footer,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    input,
    li,
    nav,
    ol,
    p,
    textarea,
    ul {
    	margin: 0;
    	padding: 0;
    	border: none;
    	outline: none;
    	-webkit-font-smoothing: antialiased
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    	font-size: 100%;
    	font-weight: 400
    }
    
    form {
    	display: inline
    }
    
    ol,
    ul {
    	list-style: none
    }
    
    a {
    	text-decoration: none
    }
    
     
    img {
    	vertical-align: middle;
    	-ms-interpolation-mode: bicubic;
    	border: 0
    }
    
    em,
    strong {
    	font-weight: 400;
    	font-style: normal;
    	font-variant: normal
    }
    
    button,
    input,
    select,
    textarea {
    	font-size: 100%;
    	vertical-align: middle;
    	outline: 0
    }
    
    a,
    button,
    input,
    select,
    textarea {
    	-webkit-tap-highlight-color: transparent
    }
    
    textarea {
    	resize: none
    }
    
    button,
    input[type=button],
    input[type=reset],
    input[type=submit] {
    	cursor: pointer;
    	-webkit-appearance: button;
    	-moz-appearance: button
    }
    
    input:focus:-moz-placeholder,
    input:focus::-webkit-input-placeholder {
    	color: transparent
    }
    
    button::-moz-focus-inner,
    input::-moz-focus-inner {
    	padding: 0;
    	border: 0
    }
    
    table {
    	border-spacing: 0;
    	border-collapse: collapse
    }
    
    .fn-clear {
    	zoom: 1
    }
    
    .fn-clear:after {
    	font-size: 0;
    	display: block;
    	clear: both;
    	content: ' '
    }
    
    .fl,
    .fr {
    	display: inline
    }
    
    .fl {
    	float: left
    }
    
    .fr {
    	float: right
    }
    
    .hide {
    	display: none
    }
    
    .show {
    	display: block
   .........完整代码请登录后点击上方下载按钮下载查看