码迷,mamicode.com
首页 > Web开发 > 详细

jQueryeasyUI-DateBox

时间:2015-07-16 09:30:51      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:

示例:

技术分享
 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 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 7 <title>Insert title here</title>
 8 <link rel="stylesheet" style="text/css" href="jquery-easyui-1.4.3/themes/icon.css"/>
 9 <link rel="stylesheet" style="text/css" href="jquery-easyui-1.4.3/themes/default/easyui.css"/>
10 <script type="text/javascript" src="jquery-easyui-1.4.3/jquery.min.js"></script>
11 <script type="text/javascript" src="jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
12 <script type="text/javascript">
13     function disable(){
14         $("#dd").datebox("disable");
15     }
16     
17     function enable(){
18         $("#dd").datebox("enable");
19     }
20     
21     function formatDate(v){
22         if(v instanceof Date){
23             var y = v.getFullYear();//
24             var m = v.getMonth() + 1;//
25             var d = v.getDate();//
26             var h = v.getHours();//
27             var i = v.getMinutes();//
28             var s = v.getSeconds();//
29             var ms = v.getMilliseconds();//毫秒
30             /* if(ms > 0){
31                 return y + "-" + m + "-" + d + " " +
32                     h + ":" + i + ":" + s + "." + ms;
33             }
34             if(h > 0 || i > 0 || s > 0){
35                 return y + "-" + m + "-" + "d" + " " +
36                     h + ":" + i + ":" + s;
37             } */
38             return y + "-" + m + "-" + d;
39         }
40         return "";
41     }
42     $(function(){
43         $("#dd").datebox({
44             currentText: "今天",//当前日期
45             closeText: "关闭",//关闭按钮
46             disabled: false,//为true则禁用输入框
47             required: true,//输入框是否必填
48             missingMessage: 必填,//输入框为空时的提示文本
49             formatter: formatDate//格式化日期的函数
50         });
51     });
52 </script>
53 </head>
54 <body>
55     <h1>DateBox</h1>
56     <div style="margin-bottom: 10px;">
57         <a href="#" onclick="disable()">disable</a>
58         <a href="#" onclick="enable()">enable</a>
59     </div>
60     <input id="dd"/>
61 </body>
62 </html>
View Code

参数:

属性名

类型

描述

默认值

currentText

字符串

为当前日期按钮显示的文本

Today

closeText

字符串

关闭按钮显示的文本

Close

Disabled

布尔

如果为true则禁用输入框

false

Required

布尔

定义输入框是否为必添

false

missingMessage

字符串

当输入框为空时提示的文本This file is request

 

formatter

function

格式化日期的函数,这个函数以’date’为参数,并且返回一个字符串

——

parser

function

分析字符串的函数,这个函数以’date’为参数并返回一个日期

——

 

事件:

事件名

参数

描述

 

onSelect

date

当选择一个日期时触发

 

 

方法:

方法名

参数

描述

 

destroy

none

销毁组件

 

disable

none

禁用输入框.

 

enable

none

启用输入框

 

jQueryeasyUI-DateBox

标签:

原文地址:http://www.cnblogs.com/jinjiyese/p/4650223.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!