Home Explore Help
Register Sign In
bulomakaka
/
ekexiu.com.portal
Watch 7
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 473 Releases 0 Wiki
Browse Source

修改完善日历控件及样式

jack 8 years ago
parent
4fc4b0178b
commit
936bb571e6
1 changed files with 105 additions and 97 deletions
Split View Show Diff Stats
  1. 105 97
      src/main/webapp/information.html

+ 105 - 97
src/main/webapp/information.html
View File 

@ -45,7 +45,7 @@
45 45 
						</div>
46 46 
					</div>
47 47 
				</div>
48
48
49 49 
			</div>
50 50 
		</div>
51 51 
		<div id="container">

@ -58,7 +58,7 @@
58 58 
					</div>
59 59 
					<div class="head-center">
60 60 
						<div class="infor-browse" style="padding:10px;">
61 
							<a class="named proName" id="nameS"></a>
61 
							<a class="named proName" id="nameS"></a>
62 62 
							<a class="edit proEdit"></a>
63 63 
							<div class="position proPosition"><span id="office"></span ><span id="titleS"></span ></div>
64 64 
		                    <div class="science proScience"><span id="industryS"></span ><span id="orgNameS"></span ></div>			

@ -80,19 +80,19 @@
80 80 
								<input type="text" class="input-txt" id="officeRevise">
81 81 
							</div>
82 82 
							<div class="infor">
83 
		                   		<span class="txtType"><b class="required_star"></b><a id="orgUpdata">所在机构</a></span>
84 
		                        <input type="text" class="input-txt" id="orgName">
85 
		                        <span id="departmentUpdata">所属部门</span>
86 
		                        <input type="text" class="input-txt" id="department">
87
88 
		                    </div>
89 
		                    <div class="infor2 clearfix">
90 
		                    	<span>所在城市</span>
91 
		                        <div class="citybox">
92 
		                        	<form action="" name="form1">
93 
		                                <div class="infolist">
94 
		                                    <div class="liststyle clearfix">
95 
		                                        <span class="input-txt" id="Province">
83 
								<span class="txtType"><b class="required_star"></b><a id="orgUpdata">所在机构</a></span>
84 
								<input type="text" class="input-txt" id="orgName">
85 
								<span id="departmentUpdata">所属部门</span>
86 
								<input type="text" class="input-txt" id="department">
87
88 
							</div>
89 
							<div class="infor2 clearfix">
90 
								<span>所在城市</span>
91 
								<div class="citybox">
92 
									<form action="" name="form1">
93 
										<div class="infolist">
94 
											<div class="liststyle clearfix">
95 
												<span class="input-txt" id="Province">
96 96 
		                                        	<em class="mr_sj"></em>
97 97 
		                                            <i class="mr_show">请选择省份</i>
98 98 
		                                            <ul>

@ -100,7 +100,7 @@
100 100 
		                                            </ul>
101 101 
		                                            <input type="hidden" name="cho_Province" value="请选择省份">
102 102 
		                                        </span>
103 
		                                        <span id="City" class="input-txt" style="margin-left:8px;">
103 
												<span id="City" class="input-txt" style="margin-left:8px;">
104 104 
		                                       		<em class="mr_sj"></em>
105 105 
		                                            <i class="mr_show">请选择城市</i>
106 106 
		                                            <ul>

@ -108,20 +108,22 @@
108 108 
		                                            </ul>
109 109 
		                                            <input type="hidden" name="cho_City" value="请选择城市">
110 110 
		                                        </span>
111
112 
		                                    </div>
113 
		                                </div>
114 
		                            </form>
115 
		                        </div>
116 
		                    </div>
117 
		                    <div class="btnbox" style="padding:4px 16px;">
118 
		                        <input id="saveProfessor" type="button" value="保存" class="infor-save btn">
119 
		                        <input type="button" value="取消" class="close btn">
120 
		                    </div>
111
112 
											</div>
113 
										</div>
114 
									</form>
115 
								</div>
116 
							</div>
117 
							<div class="btnbox" style="padding:4px 16px;">
118 
								<input id="saveProfessor" type="button" value="保存" class="infor-save btn">
119 
								<input type="button" value="取消" class="close btn">
120 
							</div>
121 
						</div>
122 
					</div>
123 
					<!-- href="organization-brow.html" -->
124 
					<div class="head-right headRadius">
125 
						<a><img id="orgImage"></a>
121 126 
					</div>
122 
</div>
123 
			<!-- href="organization-brow.html" -->
124 
		<div class="head-right headRadius"><a ><img id="orgImage"></a></div>
125 127 
				</div>
126 128 
				<div class="information-content">
127 129 
					<div class="content-left">

@ -267,12 +269,12 @@
267 269 
									<!--<li>航空航天大学－计科系－信管－硕士－2016<em class="exitlist"></em></li>-->
268 270
269 271 
									<!--添加修改表单-->
270
272
271 273 
									<!--添加修改表单//-->
272 274
273 275 
									<!--<ul class="edu-about" id="eduBgList">-->
274 276 
									<!-- id="eduBgShow"-->
275
277
276 278 
								</ul>
277 279 
							</div>
278 280 


@ -285,7 +287,7 @@
285 287
286 288 
							<div class="infor-browse">
287 289 
								<ul class="edu-about" id="timeJobShow">
288
290
289 291 
								</ul>
290 292 
							</div>
291 293 
						</div>

@ -298,8 +300,7 @@
298 300
299 301 
							<div class="infor-browse infor-browse2">
300 302 
								<ul class="edu-about" id="projectShow">
301
302
303
303 304 
								</ul>
304 305 
							</div>
305 306 
						</div>

@ -311,8 +312,7 @@
311 312 
							</div>
312 313 
							<div class="infor-browse infor-browse2">
313 314 
								<ul class="edu-about" id="paperShow">
314
315
315
316 316 
								</ul>
317 317 
							</div>
318 318 
						</div>

@ -324,7 +324,7 @@
324 324 
							</div>
325 325 
							<div class="infor-browse infor-browse2">
326 326 
								<ul class="edu-about" id="patentShow">
327
327
328 328 
								</ul>
329 329 
							</div>
330 330 
						</div>

@ -336,7 +336,7 @@
336 336 
							</div>
337 337 
							<div class="infor-browse infor-browse2">
338 338 
								<ul class="edu-about" id="honorShow">
339
339
340 340 
								</ul>
341 341 
							</div>
342 342 


@ -363,36 +363,36 @@
363 363 
				</div>
364 364 
			</div>
365 365 
		</div>
366 
<div id="footer" class="clearfix">
367 
    <div class="wrapper clearfix">
368 
        <i class="footer-logo floatL"></i>
369 
        <div class="word_wrapper floatL">
370 
        	<a class="listlink" href="javascript:void(0);" target="_blank" rel="nofollow">关于我们</a><span> | </span>
371 
            <a class="listlink" href="privacy.html" target="_blank" rel="nofollow">用户协议</a><span> | </span>
372 
            <a class="listlink" href="download.html" target="_blank" rel="nofollow">产品下载</a><span> | </span>
373 
            <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖微信
374 
            	<div class="code weixin_code"></div>
375 
            </a><span> | </span>
376 
            <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖APP
377 
            	<div class="code app_code"></div>
378 
            </a><span> | </span>
379 
            <span class="listlink">客服邮箱：<a style="color:#fff" target="_black" rel="nofollow" href=""> service@ekexiu.com</a></span>
380 
            <span> | </span>
381 
            <span class="listlink">客服热线： 010-62343359（9:00-17:00）</span>
382 
        </div>
383 
        <!--<div class="inner_wrapper floatR">
366 
		<div id="footer" class="clearfix">
367 
			<div class="wrapper clearfix">
368 
				<i class="footer-logo floatL"></i>
369 
				<div class="word_wrapper floatL">
370 
					<a class="listlink" href="javascript:void(0);" target="_blank" rel="nofollow">关于我们</a><span> | </span>
371 
					<a class="listlink" href="privacy.html" target="_blank" rel="nofollow">用户协议</a><span> | </span>
372 
					<a class="listlink" href="download.html" target="_blank" rel="nofollow">产品下载</a><span> | </span>
373 
					<a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖微信
374 
						<div class="code weixin_code"></div>
375 
					</a><span> | </span>
376 
					<a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖APP
377 
						<div class="code app_code"></div>
378 
					</a><span> | </span>
379 
					<span class="listlink">客服邮箱：<a style="color:#fff" target="_black" rel="nofollow" href=""> service@ekexiu.com</a></span>
380 
					<span> | </span>
381 
					<span class="listlink">客服热线： 010-62343359（9:00-17:00）</span>
382 
				</div>
383 
				<!--<div class="inner_wrapper floatR">
384 384 
        	<div class="codebox">
385 385 
           		<span class="code weixin_code"></span>
386 386 
                <p>科袖微信公众号</p>
387 387 
           </div>
388 388 
        </div>-->
389 
    </div>
390 
    <div class="copyright">
391 
        <span><em> © </em>2016 北京科袖科技有限公司</span>
392 
        <span> | 京ICP备16042588号-1 | </span>
393 
        <a class="beianbox" target="_black" rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802022306"><span class="beian-icon"></span> 京公网安备11010802022306号</a>
394 
    </div>
395 
</div>
389 
			</div>
390 
			<div class="copyright">
391 
				<span><em> ? </em>2016 北京科袖科技有限公司</span>
392 
				<span> | 京ICP备16042588号-1 | </span>
393 
				<a class="beianbox" target="_black" rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802022306"><span class="beian-icon"></span> 京公网安备11010802022306号</a>
394 
			</div>
395 
		</div>
396 396
397 397 
		<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
398 398 
		<script type="text/javascript" src="js/city.min.js"></script>

@ -402,10 +402,8 @@
402 402 
		<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
403 403 
		<script type="text/javascript" src="js/information.js"></script>
404 404 
		<script>
405 
			var yearFlag = 2016;
406 405 
			$(document).on("click", ".date-btn", function() {
407 
				var flag = $(this).attr("flag");
408 
				console.log(flag);
406 
				var flag = $(this).attr("flag");
409 407 
				var c = $(this).val();
410 408 
				if(flag == 1) {
411 409 
					if(c) {

@ -425,19 +423,27 @@
425 423 
					if(c) {
426 424 
						if(c == "至今") {
427 425 
							$(this).siblings(".mr_calendar_ym").show();
428 
							$(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + c+ "')").addClass("active");
429 
							$(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + c + "')").siblings().removeClass("active");
426 
							$(this).siblings(".mr_calendar_ym").find(".mli").removeClass("active");
427 
							$(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + c + "')").addClass("active").siblings().removeClass("active");
430 428 
							return;
431 429 
						} else {
432 430 
							$(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + c.substr(0, 4) + "')").addClass("active");
433 431 
							$(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + c.substr(0, 4) + "')").siblings().removeClass("active");
434 432 
							if(c.substr(5, 1) == 0) {
435 
								$(this).siblings(".mr_calendar_ym").find(".mli:contains('" + c.substr(6, 1) + "')").addClass("active");
436 
								$(this).siblings(".mr_calendar_ym").find(".mli:contains('" + c.substr(6, 1) + "')").siblings().removeClass("active");
433
434 
								if(c.substr(6, 1) == 1) {
435 
									$(this).siblings(".mr_calendar_ym").find(".mli:first").addClass("active").siblings().removeClass("active");;
436 
								} else if(c.substr(6, 1) == 2) {
437 
									$(this).siblings(".mr_calendar_ym").find(".mli:eq(1)").addClass("active").siblings().removeClass("active");;
438 
								} else {
439 
									$(this).siblings(".mr_calendar_ym").find(".mli:contains('" + c.substr(6, 1) + "')").addClass("active").siblings().removeClass("active");;
440 
								}
441
437 442 
							} else {
443
438 444 
								$(this).siblings(".mr_calendar_ym").find(".mli:contains('" + c.substr(5, 2) + "')").addClass("active");
439 445 
								$(this).siblings(".mr_calendar_ym").find(".mli:contains('" + c.substr(5, 2) + "')").siblings().removeClass("active");
440 
							}
446 
							}
441 447 
							$(this).siblings(".mr_calendar_ym").show();
442 448 
							var ya = $(this).siblings(".mr_calendar_ym").find(".mr_year .ymli").length;
443 449 
							var ye = new Date().getFullYear();

@ -449,55 +455,55 @@
449 455 
							return;
450 456 
						}
451 457 
					} else {
452 
							var ye = new Date().getFullYear();
453 
							$(this).siblings(".mr_calendar_ym").show();
454 
							$(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + ye + "')").addClass("active");
455 
							$(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + ye + "')").siblings().removeClass("active");
456
457 
							return;
458 
						var ye = new Date().getFullYear();
459 
						$(this).siblings(".mr_calendar_ym").show();
460 
						$(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + ye + "')").addClass("active");
461 
						$(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + ye + "')").siblings().removeClass("active");
462 
						return;
458 463 
					}
459 464
460 465 
				}
461 
				//$(this).parents(".txtExpForm *").not(".mr_calendar_ym").click(function(){
462 
				//alert(1);
463 
				//$(this).parents(".txtExpForm").find(".mr_calendar_ym").hide()
464 
				//})
465 466 
			})
466 
			$(document).on("click",".yearli",function(){
467 
			$(this).addClass("active").siblings().removeClass("active");
468 
			$(this).parents(".mr_calendar_ym ").siblings().val($(this).text());
469 
			$(this).parents(".mr_calendar_ym ").hide();
467 
			$(document).on("click", ".yearli", function() {
468 
				$(this).addClass("active").siblings().removeClass("active");
469 
				$(this).parents(".mr_calendar_ym ").siblings().val($(this).text());
470 
				$(this).parents(".mr_calendar_ym ").hide();
470 471 
			})
471 472 
			$(document).on("click", ".ymli", function() {
472 473 
				$(this).addClass("active").siblings().removeClass("active");
473 
				yearFlag = $(this).text();
474 
				if(yearFlag == "至今") {
474 
				var year = $(this).text();
475 
				if(year == "至今") {
475 476 
					$(this).parents(".mr_calendar_ym ").siblings().val($(this).text())
476 477 
					$(this).parents(".mr_calendar_ym ").hide();
477 478 
				}
478 479 
			})
479 480 
			$(document).on("click", ".mli", function() {
480 
				$(this).addClass("active").siblings().removeClass("active");
481
482 
				var yearli = $(this).parents(".mr_month").siblings(".mr_year").children(".active").text();
483 
				console.log(yearli);
481 484 
				if($(this).text() < 10) {
482 485 
					var month = "0" + $(this).text();
483 486 
				} else {
484 487 
					var month = $(this).text();
485 488 
				}
486 
				if(yearFlag == "至今") {
487 
					var valueM = yearFlag;
489 
				if(yearli == "至今") {
490 
					var valueM = yearli;
491 
					$(this).parents(".mr_calendar_ym ").siblings().val(valueM);
492 
					$(this).parents(".mr_calendar_ym ").hide();
488 493 
				} else {
489 
					valueM = yearFlag + "-" + month
494 
					$(this).addClass("active").siblings().removeClass("active");
495 
					var valueM = yearli + "-" + month
490 496 
					$(this).parents(".mr_calendar_ym ").siblings().val(valueM);
491 497 
					$(this).parents(".mr_calendar_ym ").hide();
492 498 
				}
493 499
494 500 
			})
495
501
496 502 
			function yearAdd() {
497 503 
				//先给年下拉框赋内容
498 504 
				var y = new Date().getFullYear();
499 505 
				$(".full_year").empty();
500 
				$(".mr_year").empty();
506 
				$(".mr_year").empty();
501 507 
				for(var i = y; i > y - 60; i--) { //以今年为准，前60年，后10年
502 508 
					$(".mr_year").append('<li class="ymli">' + i + '</li>');
503 509 
					$(".full_year").append('<li class="yearli">' + i + '</li>');

@ -507,13 +513,15 @@
507 513 
					}
508 514 
				}
509 515 
			}
510 
			function month(){
511 
			   //赋月份的下拉框
512 
			   $(".mr_month").empty();
516
517 
			function month() {
518 
				//赋月份的下拉框
519 
				$(".mr_month").empty();
513 520 
				for(var i = 1; i < 13; i++) {
514 
					$(".mr_month").append('<li class="mli">' + i + '</li>');
521 
					$(".mr_month").append('<li class="mli" style="text-align:center">' + i + '</li>');
515 522 
				}
516 523 
			}
517 524 
		</script>
518 525 
	</body>
526
519 527 
</html>