标签:
示例:
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>
参数:
属性名 |
类型 |
描述 |
默认值 |
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 |
启用输入框 |
|
标签:
原文地址:http://www.cnblogs.com/jinjiyese/p/4650223.html