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" });//对id为text的input进行日期框进行就处理。其中%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.选择后:
|