HTML页面日历插件

最新推荐文章于 2024-10-11 13:44:39 发布

心情就像下雨天

最新推荐文章于 2024-10-11 13:44:39 发布

阅读量3.5k

点赞数 1

文章标签： html

本文链接：https://blog.csdn.net/qq_24083561/article/details/112985286

版权

本文介绍了如何在web页面中集成和使用日历插件，帮助用户方便地查看和选择日期。

摘要由CSDN通过智能技术生成

web页面显示日历插件。如下图在这里插入图片描述

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			body,
			td,
			.p1,
			.p2,
			.i {
				font-family: arial
			}
			
			body {
				margin: 6px 0 0 0;
				background-color: #fff;
				color: #000;
			}
			
			table {
				border: 0
			}
			
			#cal {
				width: 430px;
				border: 1px solid #f5f5f5;
				font-size: 12px;
				margin: 0px 0 0 0px;
				
				
			}
			
			#cal #top {
				height: 40px;
				line-height: 40px;
				background: #e7eef8;
				color: #4e6ef2;
				font-size:14px;
				padding-left: 10px
			}
			#cal #cm .cell.jjr{background:#fee0e0;border-radius:3px;}
			#cal #top select {
				font-size: 12px
			}
			
			#cal #top input {
				padding: 0
			}
			
			#cal ul#wk {
				margin: 0;
				padding: 0;
				height:25px;
				padding-top:10px;