日期控件外用

楼主
我是社区第8408位番薯,欢迎点我头像关注我哦~
1.主要文件:
Css.文件夹
Lang文件夹
jquery.dynDateTime.js  
这里的内容不需要改动,已经封装好了。放置的位置一般在工程目录下,即web-inf上一层,如果有特殊需求,可以自行改之。
2.调用方式:
这边使用的test.html来演示如何调用fr 的日期控件。
详细代码如下:
<HTML>
<HEAD>
<TITLE>TEST</TITLE>
<link rel="stylesheet"type="text/css" media="all" href="css/calendar-brown.css"  />
<link rel="stylesheet"type="text/css" media="all"href="css/finereport.css" />
<scriptsrc="http://code.jquery.com/jquery-1.9.0.js"></script>//加载jquery
<script type="text/javascript"src="jquery.dynDateTime.js"></script>
<script type="text/javascript"src="lang/calendar-lang.js"></script>
//以上为将css文件和lang里的文件及jqueyr.dyndatetime.js加载的代码,,具体SRC请自行修改。
   <script type="text/javascript">
       $(document).ready(function() {
          $("#text1").dynDateTime({
           ifFormat:     "%Y/%m/%d"
           });//idtextinput进行日期框进行就处理。其中%Y代表年,%m代表月,%d,代表日。其他符合的都可以自行加例如’/’’-’
       });
   </script>
</HEAD>
<BODY>
<FORM action="" method=POSTid=form1 name=form1>
<INPUT type="text" id=text1name=text1>
</FORM>
</BODY>
调用方法十分简单。下面是截图演示:
1.工程文件
2.启动演示:
3.点击后:
4.选择后:

分享扩散:
参与人数 +1 F币 +250 理由
传说哥 + 250 赞一个!

查看全部评分

沙发
发表于 2015-9-7 09:05:57
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1回帖数 1关注人数 5763浏览人数
最后回复于:2015-9-7 09:05

返回顶部 返回列表