首页 > 技术文章 > Jquery中日期插件jquery.datepick的使用

0519xf 原文

jsp的代码:

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 4 <html>
 5 <head>
 6 <title>date</title>
 7 
 8 <!-- 需要引入的文件 -->
 9 <!-- *js原生文件 -->
10 <script type="text/javascript" src="jquery.js"></script>
11 <!-- *css文件 -->
12 <link type="text/css" rel="stylesheet" href="jquery.datepick.css">
13 <!-- *jquery的日期插件 -->
14 <script type="text/javascript" src="jquery.datepick.js"></script>
15 <!-- 汉化版 -->
16 <script type="text/javascript" src="jquery.datepick-zh-CN.js"></script>
17 
18 
19 </head>
20 <body>
21     <input type="text" name="time" class="date-time"/>
22 </body>
23 <script type="text/javascript">
24     $(document).ready(function() {
25         /*
26          *   datepick({dateFormat:'yy-mm-dd'})  
27          *    *datepick:---jquery日历插件中的函数
28          *    *dateFormat:设置日期的格式(如 'yy-mm-dd' 'yy/mm/dd')
29          *
30          *
31          ****/
32 
33         $(".date-time").datepick({dateFormat:'yy-mm-dd'});
34     });
35 </script>
36 </html>

效果图:

推荐阅读