jquery格式化,jquery格式化日期字符串

jquery里，怎么格式化时间

jquery里格式化时间采用日期format函数：

1、需要格式化的时间html代码：

span class="date"06-Aug-2012/span

span class="date"2012/06/Aug/span

span class="date"Monday, August 06, 2012/span

2、formt日期的核心js代码：

$(document).ready(function () {

$('span.date').each(function() {

var dateFormat = $(this).text()

var dateFormat = $.datepicker.formatDate('MM dd, yy', new Date(dateFormat));

//alert(dateFormat);

$(this).html(dateFormat + "br");

});

});

3、运行结果：

06-Aug-2012 2012/06/Aug Monday, August 06, 2012

相关问答

Q1: jquery datatable怎么格式化时间

jquery datatable格式化时间方法：

通过点击按钮操作表格数据之后，给那个按钮绑定事件onclick，要把表格清空 dataTable.fnClearTable(); 然后再把数据写进来就行了。

Q2: 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");

Q3: 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());

});

Q4: 如何格式化jquery

官网不是有两种不同的方式下载么，带min的就是压缩后的，不带的就是没有压缩的。