EasyUI 的DateBox()用法

最新推荐文章于 2023-10-12 11:27:02 发布

碎光

最新推荐文章于 2023-10-12 11:27:02 发布

阅读量743

点赞数

本文链接：https://blog.csdn.net/u012212199/article/details/45033627

版权

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固定的写法

碎光

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
EasyUI 的DateBox()用法

1、在输入框里引用格式为：2.取Datebox的值得方法为：times: $('#times').datebox('getValue'),3.substr($name,start,length).开始是从0开始。4.Date()函数的参数详解：a - "am" 或是 "pm" A - "AM" 或是 "PM" d - 几日，二位数字，若不足二位则前面补零; 如: "
复制链接

扫一扫