积攒自己用过的js时间插件

最新推荐文章于 2022-03-14 13:35:42 发布

eightwhells

最新推荐文章于 2022-03-14 13:35:42 发布

阅读量2.8k

点赞数

分类专栏：读书笔记

本文链接：https://blog.csdn.net/eightwhells/article/details/11353427

版权

读书笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1·

下载链接：

http://pan.baidu.com/share/link?shareid=98049233&uk=739224795

效果图：

代码示例：

<html>
	<head>
		<title>日历控件</title>
	</head>
	<style type="text/css">
		.divMain{
			position:absolute;
			width:150px;
			height:150px;
			padding-left:80px;
			padding-top:30px;
		}
	</style>
	<script type="text/javascript" src="./calendar.js"></script>
	<body>
		<div class="divMain">
			<input type="time" οnclick="calendar.show(this);" readonly="readonly" style="width:200px;height:25px;"/>
		</div>
	</body>
</html>

2·

下载链接：

jquery:http://pan.baidu.com/share/link?shareid=101452346&uk=739224795

css:http://pan.baidu.com/share/link?shareid=104398410&uk=739224795

js:http://pan.baidu.com/share/link?shareid=105818257&uk=739224795

效果图：

代码示例：

<html>
	<head>
		<title>日历控件</title>
		<meta charset="utf-8"/>
		<style type="text/css">
			.divMain{
				position:absolute;
				width:150px;
				height:150px;
				padding-left:80px;
				padding-top:30px;
			}
		</style>
		<link rel="stylesheet" type="text/css" href="./manhuaDate.1.0.css">
		<script type="text/javascript" src="./jquery-1.7.2.js"></script>
		<script type="text/javascript" src="./manhuaDate.1.0.js"></script>
		<script type="text/javascript">
				$(document).ready(function(){
					$("input.payTime").manhuaDate({					       
						Event : "click",			       
						Left : 0,
						Top : -16,
						fuhao : "-",
						isTime : false,
						beginY : 2010,
						endY :2020
					});
				});
		</script>
	</head>
	<body>
		<div class="divMain">
			<input type="text" autocomplete="default" name="time" class="payTime" style="width:180px;height:30px;"/>
		</div>
	</body>
</html>

3·Dynarch Calendar

下载链接：http://pan.baidu.com/s/1vMHke

示例：就是phpcmsv9上的时间插件，资源也是从v9上面扣下来的。

示例代码：

<html>
<head>
<meta charset="utf-8">

<link rel="stylesheet" type="text/css" href="./jscal2.css"/>
<link rel="stylesheet" type="text/css" href="./border-radius.css"/>
<link rel="stylesheet" type="text/css" href="./win2k.css"/>

<script type="text/javascript" src="./calendar.js"></script>
<script type="text/javascript" src="./en.js"></script>
</head>
<body>
<input type="text" name="start_time" id="start_time" value="" size="10" class="date" readonly> 
<script type="text/javascript">
			Calendar.setup({
			weekNumbers: true,
		    inputField : "start_time",
		    trigger    : "start_time",
		    dateFormat: "%Y-%m-%d",
		    showTime: false,
		    minuteStep: 1,
		    onSelect   : function() {this.hide();}
			});
</script>
</body>
</html>

eightwhells

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
积攒自己用过的js时间插件

1·下载链接：http://pan.baidu.com/share/link?shareid=98049233&uk=739224795效果图：代码示例：日历控件 .divMain{ position:absolute; width:150px; height:150px; padding-left:80px; p
复制链接

扫一扫

专栏目录