漂亮的Jquery的日期控件（精减）

dcdc723

浏览: 187382 次
性别:
来自: 北京

最近访客更多访客>>

liuxuqing2010

mingning179

nv_xxx

xuwenyan

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

jquery 相关

jQuery CSS HTML JavaScript Mootools

效果图：

修改了UI中的其他控件的CSS跟JS：

		<script type="text/javascript" src="/js/jquery-1.3.2.js"></script>
		<script type="text/javascript" src="/js/jquery-ui-1.7.custom.min.js"></script>
		<style type="text/css">
			body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
		</style>

        <LINK rel=stylesheet type=text/css href="/js/red.css">

<script>
$(function(
				$("#dt").datepicker();
$('#dt2').datepicker({ changeYear: true,changeMonth:true});
))
</script>
			<p>Date: <input type="text" size="30" id="dt" class=""/></p>
            <p>Date: <input type="text" size="30" id="dt2" class=""/></p>

以下为修改之后的JS跟CSS

js.rar (50.4 KB)
下载次数: 1577

查看图片附件

21
顶

11
踩

分享到：

jquery 1.4 中文帮助文档（CHM） | 2010年法定假期安排时间表

2010-03-15 17:10
浏览 12295
评论(16)
分类:Web前端
查看更多

16 楼 zhoupuyue 2011-08-10

html有一个小错误：
<script>
$(function(
$("#dt").datepicker();
$('#dt2').datepicker({ changeYear: true,changeMonth:true});
))
</script>
改为：
<script>
$(function(){
$("#dt").datepicker();
$('#dt2').datepicker({ changeYear: true,changeMonth:true});
})
</script>

15 楼 dcdc723 2011-05-01

happy175 写道

大家是怎么用的啊，我的怎么没有反应？

这是我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.custom.min.js"></script>
<LINK rel=stylesheet type=text/css href="js/red.css">
<style type="text/css">
body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
</style>
<script>
$(function(
$("#dt").datepicker();
$('#dt2').datepicker({ changeYear: true,changeMonth:true});
))
</script>
</head>


下载下来试一下。

<body>
<p>Date: <input type="text" size="30" id="dt" class=""/></p>
 <p>Date: <input type="text" size="30" id="dt2" class=""/></p>
</body>
</html>

happy175 写道

大家是怎么用的啊，我的怎么没有反应？

这是我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.custom.min.js"></script>
<LINK rel=stylesheet type=text/css href="js/red.css">
<style type="text/css">
body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
</style>
<script>
$(function(
$("#dt").datepicker();
$('#dt2').datepicker({ changeYear: true,changeMonth:true});
))
</script>
</head>

<body>
<p>Date: <input type="text" size="30" id="dt" class=""/></p>
 <p>Date: <input type="text" size="30" id="dt2" class=""/></p>
</body>
</html>

14 楼 happy175 2011-04-25

大家是怎么用的啊，我的怎么没有反应？

这是我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.custom.min.js"></script>
<LINK rel=stylesheet type=text/css href="js/red.css">
<style type="text/css">
body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
</style>
<script>
$(function(
$("#dt").datepicker();
$('#dt2').datepicker({ changeYear: true,changeMonth:true});
))
</script>
</head>

<body>
<p>Date: <input type="text" size="30" id="dt" class=""/></p>
 <p>Date: <input type="text" size="30" id="dt2" class=""/></p>
</body>
</html>

13 楼 nianshi 2010-12-31

加上Html文件多好啊

12 楼 pouyang 2010-03-22

怎么没有效果

11 楼 dcdc723 2010-03-18

("#dt").

bavnnsym 写道

dcdc723 写道

hyj1254 写道

外观体验挺好。不过实际需求可能要求输入时、分、秒，这个最好也实现下。
另外贴上去的代码有错误...而且附件里最好把html文件也一起传上，方便大家嘛。

晕，放主要的东西就可以了嘛，html大家都知道怎么写。不用说的。时分秒可传参数调用出来。

不是知不知道写html的原因......既然是从网上下载例子,,希望能尽快看到效果,,
你没把html附上去,,,那大家下载了代码,,又得去读你的js,,再说这个东西是你写的,
连效果都没看到,就去读你的js.....我做不到

html代码：
<input id="dt" type="text" />
<input id="dt2" type="text" />
就这两行！

10 楼 bavnnsym 2010-03-18

dcdc723 写道

hyj1254 写道

晕，放主要的东西就可以了嘛，html大家都知道怎么写。不用说的。时分秒可传参数调用出来。

9 楼 javaDevil 2010-03-17

不乍的，还是那个啥 MyDate97强大

8 楼 dcdc723 2010-03-17

hyj1254 写道

晕，放主要的东西就可以了嘛，html大家都知道怎么写。不用说的。时分秒可传参数调用出来。

7 楼 hyj1254 2010-03-17

6 楼風一樣的男子 2010-03-16

dcdc723 写道

風一樣的男子写道

不咋的，另外可以选范围吗？

肯定可以嘛，传参数、或者改JS都可以的。

http://electricprism.com/aeron/calendar/
看看这个怎么样？
mootools 写的，我在用

5 楼 dcdc723 2010-03-15

風一樣的男子写道

不咋的，另外可以选范围吗？

肯定可以嘛，传参数、或者改JS都可以的。

4 楼風一樣的男子 2010-03-15

不咋的，另外可以选范围吗？

3 楼 jaxchow 2010-03-15

我的審美有問題！杯具了！
中文语言名不是自带就有？还手动改呀！

2 楼 dedemao 2010-03-15

tipnet 写道

不错，还是中文的。

1 楼 tipnet 2010-03-15

不错，还是中文的。

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论