`
dcdc723
  • 浏览: 188051 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

漂亮的Jquery的日期控件(精减)

阅读更多

效果图:


 修改了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

  • 大小: 18 KB
  • js.rar (50.4 KB)
  • 下载次数: 1577
21
11
分享到:
评论
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文件也一起传上,方便大家嘛。

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


不是知不知道写html的原因......既然是从网上下载例子,,希望能尽快看到效果,,
你没把html附上去,,,那大家下载了代码,,又得去读你的js,,再说这个东西是你写的,
连效果都没看到,就去读你的js.....我做不到
9 楼 javaDevil 2010-03-17  
不乍的,还是那个啥 MyDate97强大
8 楼 dcdc723 2010-03-17  
hyj1254 写道
外观体验挺好。不过实际需求可能要求输入时、分、秒,这个最好也实现下。
另外贴上去的代码有错误...而且附件里最好把html文件也一起传上,方便大家嘛。

晕,放主要的东西就可 以了嘛,html大家都知道怎么写。不用说的。时分秒可传参数调用出来。
7 楼 hyj1254 2010-03-17  
外观体验挺好。不过实际需求可能要求输入时、分、秒,这个最好也实现下。
另外贴上去的代码有错误...而且附件里最好把html文件也一起传上,方便大家嘛。
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  
不错,还是中文的。

相关推荐

    Easy 51Pro v2.0 精减版 不用 XTTOOL 控件。VC直接编译

    Easy 51Pro v2.0 精减版 不用 XTTOOL 控件。VC直接编译

    Altium Designer 10完美精减版

    这个“完美精减版”意味着它已经过优化,可能去除了部分非核心功能,以提供更快的安装速度和更小的占用空间,但仍然保留了核心的设计和仿真能力。 在描述中提到的“全自动安装,一次成功”,意味着用户只需简单几步...

    CAM350_10.5完美精减版

    CAM350_10.5完美精减版 CAM350_10.5完美精减版

    SQL绿色精减版

    SQL绿色精减版是针对那些对数据库管理有需求但又希望占用系统资源较少的用户而设计的一款小巧且高效的解决方案。这个版本的SQL Server 2000,仅22.1MB的大小,充分体现了其轻量级的特性,特别适合于DIY爱好者或者...

    Altium Designer 10完美精减版.exe

    Altium Designer 10完美精减版

    支持插图的文本编辑控件TOLERich源文件及BCB6例子

    支持插图的文本编辑控件TOLERich源文件及BCB6例子, 此控件从一第三方控件精减而来,去掉了无用的部分。 你可以当控件一样安装,也可不用控件直接嵌入到你的程序工程中,提供了二种例子,并附带原编码。

    PADS9.4.1三合一完美精减版.rar

    标题 "PADS9.4.1三合一完美精减版.rar" 指的是一个包含PADS Layout、PADS Logic和PADS Router三款软件组件的压缩文件,这是PADS PCB设计工具的一个精简版本。PADS是 Mentor Graphics 公司提供的一款广泛应用于电子...

    Altium Designer10完美精减版.part1.rar

    Altium Designer10完美精减版.part1.rar

    AltiumDesigner10完美精减版

    在提供的压缩包文件中,“Altium Designer 10完美精减版.exe”是安装程序,用户可以通过运行这个文件来安装Altium Designer 10。而“Snap04.jpg”可能是一个截图,展示了软件的界面或者某个功能点,帮助用户了解软件...

    Ghost_11.5_集成精减版

    【标题】"Ghost_11.5_集成精减版" 涉及的主要知识点是GHOST工具在硬盘备份、系统安装与恢复方面的应用,尤其是针对SATA和PATA接口硬盘的支持。 GHOST(General Hardware Oriented Software Transfer)是Symantec...

    文泰刻绘2002破解精减版.rar

    文泰刻绘2002破解精减版.rar 经试验,可用!

    MySQL 5.17.19 winx64 精减版

    MySQL 5.17.19 x86 精减版 MySQL 5.17.19 x64 精减版,保留核心文件,其他的都精减掉了,适合在开发或学习中临时使用数据库。这是64位版的,如系统是32位的,可下载32位版的。 本压缩包7.6M,解压后48M,这是还没有...

    Altium Designer10完美精减版.part2.rar

    Altium Designer10完美精减版.part2.rar

    滑动门最终精减版

    在"滑动门最终精减版"中,我们可以推测这可能是一个经过优化和简化后的滑动门实现,可能包含了更高效的代码结构、更少的资源占用或更易用的API。下面我们将深入探讨滑动门技术的基本原理和实现方式,并尝试理解这个...

    Java精减版 Java Java经典

    Java精减版 Java Java经典Java精减版 Java Java经典

    CAM350 10.5完美精减版 2020

    8. **精简版优势**:这个10.5完美精减版可能剔除了部分非核心功能,以减少安装体积,同时优化了运行速度,使得在低配置电脑上也能流畅运行。 对于初学者来说,CAM350是一款很好的学习工具,它提供了直观的界面和...

    Win10精简-710 Ntlite精减配置文件,用于精减WIn10系统噢。稳定版本!

    "Ntlite精减配置文件"是Ntlite工具的一个配置文件,用于指导Ntlite在处理Windows 10安装镜像时执行特定的精简步骤。 描述中提到,这个配置文件适用于NTlite 1.8或更高版本的商业版。这意味着如果你想要使用此文件,...

    金山游侠V绿色精减版

    【金山游侠V绿色精减版】是一款深受玩家喜爱的游戏辅助工具,它的主要功能是针对各种游戏提供修改、存档管理、游戏截图等服务。在游戏爱好者中,它以其便捷性和实用性著称,尤其对于那些追求个性化游戏体验的用户,...

    VB6精减版与鼠标滚轮插件.rar

    VB6精减版是针对完整版的VB6进行优化和裁剪后的版本,通常是为了满足那些对内存占用和安装体积有要求的用户。这个精减版可能去除了部分不常用的功能,但依然保留了VB6的核心开发能力,如事件驱动编程、窗体设计、...

Global site tag (gtag.js) - Google Analytics