您的位置：首页 > 产品设计 > UI/UE

EasyUI 的DateBox()用法

2015-04-13 22:43 246 查看

1、在输入框里引用格式为：<input class="easyui-datebox" name="times" id="times">

2.取Datebox的值得方法为：times: $('#times').datebox('getValue'),

3.substr($name,start,length).

开始是从0开始。

4.Date()函数的参数详解：

a - "am" 或是 "pm"
A - "AM" 或是 "PM"
d - 几日，二位数字，若不足二位则前面补零; 如: "01" 至 "31"
D - 星期几，三个英文字母; 如: "Fri"
F - 月份，英文全名; 如: "January"
h - 12 小时制的小时; 如: "01" 至 "12"
H - 24 小时制的小时; 如: "00" 至 "23"
g - 12 小时制的小时，不足二位不补零; 如: "1" 至 12"
G - 24 小时制的小时，不足二位不补零; 如: "0" 至 "23"
i - 分钟; 如: "00" 至 "59"
j - 几日，二位数字，若不足二位不补零; 如: "1" 至 "31"
l - 星期几，英文全名; 如: "Friday"
m - 月份，二位数字，若不足二位则在前面补零; 如: "01" 至 "12"
n - 月份，二位数字，若不足二位则不补零; 如: "1" 至 "12"
M - 月份，三个英文字母; 如: "Jan"
s - 秒; 如: "00" 至 "59"
S - 字尾加英文序数，二个英文字母; 如: "th"，"nd"
t - 指定月份的天数; 如: "28" 至 "31"
U - 总秒数
w - 数字型的星期几，如: "0" (星期日) 至 "6" (星期六)
Y - 年，四位数字; 如: "1999"
y - 年，二位数字; 如: "99"
z - 一年中的第几天; 如: "0" 至 "365"

5、Datebox()的各种用法。

（1）只显示年和月

easyui-datebox 加上 data-options="formatter:myformatter,parser:myparser"

function myformatter(date){

var y = date.getFullYear();

var m = date.getMonth()+1;

var d = date.getDate();

return y+'-'+(m<10?('0'+m):m);

}

function myparser(s){

if (!s) return new Date();

var ss = (s.split('-'));

var y = parseInt(ss[0],10);

var m = parseInt(ss[1],10);

var d = parseInt(ss[2],10);

if (!isNaN(y) && !isNaN(m) && !isNaN(d)){

return new Date(y,m-1,d);

} else {

return new Date();

}

}

（2）

<html>

<head>

<meta charset="UTF-8">

<link rel="stylesheet" type="text/css" href="js/easyui.css">

<script type="text/javascript" src="js/jquery.min.js"></script>

<script type="text/javascript" src="js/jquery.easyui.min.js"></script>

</head>

<body>

开始日期：<input class="easyui-datebox" name="begindate" id="begindate"

data-options="formatter:myformatter,parser:myparser"></input>

结束日期：<input class="easyui-datebox" name="enddate" id="enddate"

data-options="formatter:myformatter,parser:myparser"></input>

<script type="text/javascript">

function myformatter(date) {

var y = date.getFullYear();

var m = date.getMonth() + 1;

var d = date.getDate();

return y + '-' + (m < 10 ? ('0' + m) : m) + '-'

+ (d < 10 ? ('0' + d) : d);

}

function myparser(s) {

if (!s)

return new Date();

var ss = (s.split('-'));

var y = parseInt(ss[0], 10);

var m = parseInt(ss[1], 10);

var d = parseInt(ss[2], 10);

if (!isNaN(y) && !isNaN(m) && !isNaN(d)) {

return new Date(y, m - 1, d);

} else {

return new Date();

}

}

</script>

（3）获取日期值：

function getDate(){

var begindate=$('#begindate').datebox('getValue'); //注意.datebox('getValue')是EasyUI固定的写法。

}

设置日期值：

function setDate(){

$("#begindate").datebox('setValue','<%=begindate%>');

$("#enddate").datebox('setValue','<%=enddate%>');

}

//setValue是EasyUI固定的写法

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航