使用 jquery/javascript 更改日期时间格式
Posted
技术标签:
【中文标题】使用 jquery/javascript 更改日期时间格式【英文标题】:Changing Date Time Format using jquery/javascript 【发布时间】:2014-07-19 17:56:08 【问题描述】:我正在尝试更改以下日期格式,但我只能获取日期。
2014 年 5 月 29 日星期四 00:00:00 GMT-0400(东部标准时间)
我正在使用下面的代码,但它只给了我日期
_Date= "Thu May 29 2014 13:50:00 GMT-0400 (Eastern Standard Time)";
_oDt = new Date(_Date);
_DateStr= $.datepicker.formatDate('mm/dd/yy', _oDt);
输出:2014 年 5 月 29 日
预期产出 - 2014 年 5 月 29 日下午 1:50
我无法分别获得时间以及 P.M 和 A.M。请帮忙。
【问题讨论】:
好吧,你的格式只有 mm/dd/yy 是的,我知道,但如果 iam 添加 hh:mm:ss 则不给时间 这可能对你有帮助***.com/questions/18326810/… 另一个链接:***.com/questions/17438857/… 【参考方案1】:您可以使用我在下面添加的片段将日期转换为几乎任何格式。
对于您的案例,您需要执行以下操作:
代码:
dateFormat(new Date(), "mm/dd/yy, h:MM:ss TT");
输出
“2014 年 5 月 30 日,上午 11:46:03”
其他示例
// Can also be used as a standalone function
dateFormat(new Date(), "dddd, mmmm dS, yyyy, h:MM:ss TT");
// Saturday, June 9th, 2007, 5:46:21 PM
片段:
将取自 link 的以下代码添加到您的代码中。
var dateFormat = function ()
var token = /d1,4|m1,4|yy(?:yy)?|([HhMsTt])\1?|[LloSZ]|"[^"]*"|'[^']*'/g,
timezone = /\b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic) (?:Standard|Daylight|Prevailing) Time|(?:GMT|UTC)(?:[-+]\d4)?)\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);
;
【讨论】:
哦.. 用火箭筒杀死一只苍蝇 如何根据时区使用此功能获取日期? Vanilla javascript 对日期的处理值得一炮。【参考方案2】:这可能对你有帮助
<script type="text/javascript">
var todayDate=new Date("Thu May 29 2014 13:50:00");
var format ="AM";
var hour=todayDate.getHours();
var min=todayDate.getMinutes();
if(hour>11)format="PM";
if (hour > 12) hour = hour - 12;
if (hour == 0) hour = 12;
if (min < 10)min = "0" + min;
document.write(todayDate.getMonth()+1 + " / " + todayDate.getDate() + " / " + todayDate.getFullYear()+" "+hour+":"+min+" "+format);
</script>
【讨论】:
Dileep Kumar - 不错的【参考方案3】:您的_Date
格式错误。它必须是 UTC 格式。
例如6/29/2011 14:52:48 UTC
或 ISO 8601 格式:
例如2011-06-02T09:34:29+02:00
【讨论】:
【参考方案4】:在 JavaScript 中
var d = new Date("2011-04-20 09:30:51:01");
d.getHours(); // => 9
d.getMinutes(); // => 30
d.getSeconds(); // => 51
【讨论】:
以上是关于使用 jquery/javascript 更改日期时间格式的主要内容,如果未能解决你的问题,请参考以下文章
DatePicker [ eyecon ] 设置日期范围 jquery/javascript
开始日期结束日期验证 -Jquery/javascript - kendoUI
jQuery/JavaScript:是约会吗? (验证是不是是日期)[重复]