首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

JqueryEasyUI的datebox插件日期格式的批改

2012-11-18 
JqueryEasyUI的datebox插件日期格式的修改默认日期为3/23/2011? 改为2010-03-23等!DOCTYPE html PUBLIC

JqueryEasyUI的datebox插件日期格式的修改

默认日期为3/23/2011? 改为2010-03-23等

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery EasyUI</title>
?<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
?<link rel="stylesheet" type="text/css" href="../themes/icon.css">
?<script type="text/javascript" src="../jquery-1.4.4.min.js"></script>
?<script type="text/javascript" src="../jquery.easyui.min.js"></script>
?<script>
??$('#dd').datebox({
??closeText:'关闭',
??formatter:function(date){
???var y = date.getFullYear();
???var m = date.getMonth()+1;
???var d = date.getDate();
???var h = date.getHours();
???var M = date.getMinutes();
???var s = date.getSeconds();
???function formatNumber(value){
????return (value < 10 ? '0' : '') + value;
???}
???alert(formatNumber(h));
???return y+'-'+m+'-'+d+' '+ formatNumber(h)+':'+formatNumber(M)+':'+formatNumber(s);
??},
??parser:function(s){
???var t = Date.parse(s);
???if (!isNaN(t)){
????return new Date(t);
???} else {
????return new Date();
???}
??}
?});
?</script>
</head>
<body>
?<h1>DateBox</h1>
?<div style="margin-bottom:10px;">
??<a href="#" onclick="disable()">disable</a>
??<a href="#" onclick="enable()">enable</a>
?</div>
?<input id="dd" value="3/23/2010 23:10:10" required="true"></input>
</body>
</html>

datebox有以下属性

currentText 看名字就知道意思了即当前按钮显示的文本内容 默认为today

closeText? 关闭按钮显示的文本内容 默认是close

disabled? 插件是否有用

formatter? 即文本框中日期显示的格式,改属性是一个函数,解释一个date的参数

parser 看名知意解析日期字符串成日期类型

?

NameTypeDescriptionDefaultcurrentTextstringThe text to display for the current day button.TodaycloseTextstringThe text to display for the close button.ClosedisabledbooleanWhen true to disable the field.falseformatterfunctionA function to format the date, the function take a 'date' parameter and return a string value.parserfunctionA function to parse a date string, the function take a 'date' string and return a date value.

热点排行