格式化jquery代码(jquery日期格式化函数)
admin 发布:2022-12-19 12:31 143
今天给各位分享格式化jquery代码的知识,其中也会对jquery日期格式化函数进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
本文目录一览:
- 1、jquery json解析action中返回的数据日期老是1459688615000 怎么格式化
- 2、jquery inputmask 格式化 要求只能输入数字和小数点2位,且以逗号分割
- 3、如何格式化jquery
- 4、jquery 格式化时间
- 5、jquery-ui date 控件 格式化
- 6、jquery里,怎么格式化时间
jquery json解析action中返回的数据日期老是1459688615000 怎么格式化
jquery json解析action中返回的数据日期老是1459688615000需要抓换成可读的日期格式的方法:
1、定义一个转换函数:
function formatDate(dateVal) {
var newDate = new Date(dateVal);
var sMonth = padValue(newDate.getMonth() + 1);
var sDay = padValue(newDate.getDate());
var sYear = newDate.getFullYear();
var sHour = newDate.getHours();
var sMinute = padValue(newDate.getMinutes());
var sAMPM = "AM";
var iHourCheck = parseInt(sHour);
if (iHourCheck 12) {
sAMPM = "PM";
sHour = iHourCheck - 12;
}
else if (iHourCheck === 0) {
sHour = "12";
}
sHour = padValue(sHour);
return sMonth + "-" + sDay + "-" + sYear + " " + sHour + ":" + sMinute + " " + sAMPM;
}
2、设置格式填充
function padValue(value) {
return (value 10) ? "0" + value : value;
}
3、转换结果:
输入:1459688615000
输出:
jquery inputmask 格式化 要求只能输入数字和小数点2位,且以逗号分割
inputmask没有用过这个东西,是什么插件库吧。别人写的库达到一定程度后就无法满足了,还是自己写js方法呗。
!DOCTYPE html
html lang="en"
head
meta charset="UTF-8"
titleDocument/title
/head
body
input type="text" name="aaa" id="aaa" value="12345.12" onblur="setval();"
/body
script type="text/javascript"
setval();//初始化编辑框的值
//这个方法提供其他操作使用,比如:获取焦点,失去焦点,键盘按下,键盘弹起,提交表单,按钮事件
function setval(){
var str = document.getElementById('aaa').value; //获取文本框内容 熟悉jq可用jq写: var str=$('#aaa').val();
document.getElementById('aaa').value=FormatMoney(str); //初始化文本框内容 jq写法: $('#aaa').var(FormatMoney(str));
}
//格式化数字方法
function FormatMoney(money) {
if (/[^0-9\.]/.test(money)) return '0.00';
money = money.replace(/^(\d*)$/, "$1.");
money = (money + "00").replace(/(\d*\.\d\d)\d*/, "$1");
money = money.replace(".", ",");
var re = /(\d)(\d{3},)/;
while (re.test(money)) {
money = money.replace(re, "$1,$2");
}
money = money.replace(/,(\d\d)$/, ".$1");
return '' + money.replace(/^\./, "0.");
}
/script
/html
如何格式化jquery
官网不是有两种不同的方式下载么,带min的就是压缩后的,不带的就是没有压缩的。
jquery 格式化时间
其实jquery 没有格式化时间的函数的,一般情况下都是这样来的:
var d=new Date(date);
var formatdate=d.getMonth()+"月"+d.getDay()+"日 "+d.getHours()+"时"+d.getMinutes()+"分"+d.getSeconds()+"秒";
document.write(formatdate);
如果一定要用jquery来格式化时间的话要先导入一个date.format.js就可以了。
date.format.js库内容:
var dateFormat = function () {
var token = /d{1,4}|m{1,4}|yy(?:yy)?|([HhMsTt])\1?|[LloSZ]|"[^"]*"|'[^']*'/g,
timezone = /\b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic) (?:Standard|Daylight|Prevailing) Time|(?:GMT|UTC)(?:[- ]\d{4})?)\b/g,
timezoneClip = /[^- \dA-Z]/g,
pad = function (val, len) {
val = String(val);
len = len || 2;
while (val.length len) val = "0" val;
return val;
};
// Regexes and supporting functions are cached through closure
return function (date, mask, utc) {
var dF = dateFormat;
// You can't provide utc if you skip other args (use the "UTC:" mask prefix)
if (arguments.length == 1 Object.prototype.toString.call(date) == "[object String]" !/\d/.test(date)) {
mask = date;
date = undefined;
}
// Passing date through Date applies Date.parse, if necessary
date = date ? new Date(date) : new Date;
if (isNaN(date)) throw SyntaxError("invalid date");
mask = String(dF.masks[mask] || mask || dF.masks["default"]);
// Allow setting the utc argument via the mask
if (mask.slice(0, 4) == "UTC:") {
mask = mask.slice(4);
utc = true;
}
var _ = utc ? "getUTC" : "get",
d = date[_ "Date"](),
D = date[_ "Day"](),
m = date[_ "Month"](),
y = date[_ "FullYear"](),
H = date[_ "Hours"](),
M = date[_ "Minutes"](),
s = date[_ "Seconds"](),
L = date[_ "Milliseconds"](),
o = utc ? 0 : date.getTimezoneOffset(),
flags = {
d: d,
dd: pad(d),
ddd: dF.i18n.dayNames[D],
dddd: dF.i18n.dayNames[D 7],
m: m 1,
mm: pad(m 1),
mmm: dF.i18n.monthNames[m],
mmmm: dF.i18n.monthNames[m 12],
yy: String(y).slice(2),
yyyy: y,
h: H % 12 || 12,
hh: pad(H % 12 || 12),
H: H,
HH: pad(H),
M: M,
MM: pad(M),
s: s,
ss: pad(s),
l: pad(L, 3),
L: pad(L 99 ? Math.round(L / 10) : L),
t: H 12 ? "a" : "p",
tt: H 12 ? "am" : "pm",
T: H 12 ? "A" : "P",
TT: H 12 ? "AM" : "PM",
Z: utc ? "UTC" : (String(date).match(timezone) || [""]).pop().replace(timezoneClip, ""),
o: (o 0 ? "-" : " ") pad(Math.floor(Math.abs(o) / 60) * 100 Math.abs(o) % 60, 4),
S: ["th", "st", "nd", "rd"][d % 10 3 ? 0 : (d % 100 - d % 10 != 10) * d % 10]
};
return mask.replace(token, function ($0) {
return $0 in flags ? flags[$0] : $0.slice(1, $0.length - 1);
});
};
}();
// Some common format strings
dateFormat.masks = {
"default": "ddd mmm dd yyyy HH:MM:ss",
shortDate: "m/d/yy",
mediumDate: "mmm d, yyyy",
longDate: "mmmm d, yyyy",
fullDate: "dddd, mmmm d, yyyy",
shortTime: "h:MM TT",
mediumTime: "h:MM:ss TT",
longTime: "h:MM:ss TT Z",
isoDate: "yyyy-mm-dd",
isoTime: "HH:MM:ss",
isoDateTime: "yyyy-mm-dd'T'HH:MM:ss",
isoUtcDateTime: "UTC:yyyy-mm-dd'T'HH:MM:ss'Z'"
};
// Internationalization strings
dateFormat.i18n = {
dayNames: [
"Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat",
"Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"
],
monthNames: [
"Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec",
"January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"
]
};
// For convenience...
Date.prototype.format = function (mask, utc) {
return dateFormat(this, mask, utc);
};
首先转化成日期类型:var date = eval_r(commentList[i].CreateDateTime.replace(/\/Date\((\d )\)\//gi, "new Date($1)"));
然后再调用js库方法:
dateFormat(date, "yyyy-MM-dd hh:mm:ss");
jquery-ui date 控件 格式化
使用方法:
1.限制日期
$("#resultDiv").datepicker({
onSelect: function (dateText, inst) {
//代码:选择日期后触发的事件
},
minDate: new Date(),//最小日期
maxDate: new Date($("#DateLimit").val())//最大日期
});
2.中文
jQuery(function ($) {
$.datepicker.regional['zh-CN'] = {
closeText: '关闭',
prevText: '上月',
nextText: '下月',
currentText: '今天',
monthNames: ['一月', '二月', '三月', '四月', '五月', '六月',
'七月', '八月', '九月', '十月', '十一月', '十二月'],
monthNamesShort: ['一', '二', '三', '四', '五', '六',
'七', '八', '九', '十', '十一', '十二'],
dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
weekHeader: '周',
dateFormat: 'yy-mm-dd',
firstDay: 1,
isRTL: false,
showMonthAfterYear: true,
yearSuffix: '年'
};
$.datepicker.setDefaults($.datepicker.regional['zh-CN']);
});
3.时间段查询用法
$(document).ready(function () {
$('#SearchStartDT').datepicker({
dateFormat: 'yy-mm-dd',
onSelect: function (startDate) {
var $startDate = $("#SearchStartDT");
var $endDate = $('#SearchEndDT');
var endDate = $endDate.datepicker('getDate');
if (endDate startDate) {
$endDate.datepicker('setDate', startDate - 3600 * 1000 * 24);
}
$endDate.datepicker("option", "minDate", startDate);
}
});
$('#SearchEndDT').datepicker({
dateFormat: 'yy-mm-dd',
onSelect: function (endDate) {
var $startDate = $("#SearchStartDT");
var $endDate = $('#SearchEndDT');
var startDate = $startDate.datepicker("getDate");
if (endDate startDate) {
$startDate.datepicker('setDate', startDate + 3600 * 1000 * 24);
}
$startDate.datepicker("option", "maxDate", endDate);
}
});
$("#SearchStartDT").datepicker("option", "maxDate", new Date());
$("#SearchEndDT").datepicker("option", "maxDate", new Date());
});
jquery里,怎么格式化时间
jquery里格式化时间需要自定义函数,举例如下:
1、定义函数formatDate,这里传入一个value参数
function formatDate(value){
if(value){ 如果value不为空
Number.prototype.padLeft = function(base,chr){ 嵌套调用填充函数padleft
var len = (String(base || 10).length - String(this).length)+1;获取value值的长度,如果长度大于0,就创建一个同等长度的数组
return len 0? new Array(len).join(chr || '0')+this : this;
}
var d = new Date(value),创建一个当前日期对象d
dformat = [ (d.getMonth()+1).padLeft(),把月格式化填充
d.getDate().padLeft(),把日格式化填充
d.getFullYear()].join('/')+把年格式化填充
' ' +
[ d.getHours().padLeft(),把小时格式化填充
d.getMinutes().padLeft(),把分钟格式化填充
d.getSeconds().padLeft()].join(':');把秒格式化填充
return dformat; 最后返回格式化好的日期和时间
}
}
2、调用方法举例:
var startDate = "20150618090012"
var result = formatDate(startDate);
3、输出结果:
2015/06/18 09:00:12
格式化jquery代码的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于jquery日期格式化函数、格式化jquery代码的信息别忘了在本站进行查找喔。
版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;
相关推荐
- 05-09网页代码,网页代码快捷键
- 05-06单页网站的代码(完整的网页代码)[20240506更新]
- 05-06个人主页图片代码(个人主页图片代码怎么弄)[20240506更新]
- 05-06提取微信名片代码(微信名片信息提取)[20240506更新]
- 05-06php后台权限管理代码(php管理员权限)[20240506更新]
- 05-06付费观看代码php(付费观看代码)[20240506更新]
- 05-06在线html执行代码(html怎么运行)[20240506更新]
- 05-06源代码管理资源管理器(资源管理器运行代码)[20240506更新]
- 05-06代码源软件库(程序代码库)[20240506更新]
- 05-06点击弹出密码代码(点击弹出密码代码错误)[20240506更新]
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接