符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
jquery里格式化时间采用日期format函数:
超过十年行业经验,技术领先,服务至上的经营模式,全靠网络和口碑获得客户,为自己降低成本,也就是为客户降低成本。到目前业务范围包括了:成都网站建设、网站建设,成都网站推广,成都网站优化,整体网络托管,小程序设计,微信开发,成都app软件开发,同时也可以让客户的网站和网络营销和我们一样获得订单和生意!
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
jquery datatable格式化时间方法:
通过点击按钮操作表格数据之后,给那个按钮绑定事件onclick,要把表格清空 dataTable.fnClearTable(); 然后再把数据写进来就行了。
其实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");
使用方法:
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());
});
官网不是有两种不同的方式下载么,带min的就是压缩后的,不带的就是没有压缩的。