jsを使用してlongタイプを「yyyy-MM-dd hh:mm:ss」日付フォーマットに変換&jQueryカレンダーコントロール付き漢化チュートリアル
4876 ワード
使用方法:
getFormatDateByLong(mData, "yyyy-MM-dd hh:mm:ss");
jsコード:
1.jQueryが持っているカレンダーコントロールの使用と漢化
漢化パッケージのダウンロードリンク:
jQueryカレンダーコントロール付き漢化パッケージ
getFormatDateByLong(mData, "yyyy-MM-dd hh:mm:ss");
jsコード:
// Date format
Date.prototype.format = function (format) {
var o = {
"M+": this.getMonth() + 1,
"d+": this.getDate(),
"h+": this.getHours(),
"m+": this.getMinutes(),
"s+": this.getSeconds(),
"q+": Math.floor((this.getMonth() + 3) / 3),
"S": this.getMilliseconds()
}
if (/(y+)/.test(format)) {
format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
}
for (var k in o) {
if (new RegExp("(" + k + ")").test(format)) {
format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
}
}
return format;
}
/**
*
* @param date
* @param isFull ,
* true , "2000-03-05 01:05:04"
* false , "2000-03-05"
* @return
*/
functiongetSmpFormatDate(date, isFull) {
var pattern = "";
if (isFull == true || isFull == undefined) {
pattern = "yyyy-MM-ddhh:mm:ss";
} else {
pattern = "yyyy-MM-dd";
}
return getFormatDate(date, pattern);
}
/**
*
* @param date
* @param isFull ,
* true , "2000-03-05 01:05:04"
* false , "2000-03-05"
* @return
*/
functiongetSmpFormatNowDate(isFull) {
return getSmpFormatDate(new Date(), isFull);
}
/**
* long
* @param l long
* @param isFull ,
* true , "2000-03-05 01:05:04"
* false , "2000-03-05"
* @return
*/
functiongetSmpFormatDateByLong(l, isFull) {
return getSmpFormatDate(new Date(l), isFull);
}
/**
* long
* @param l long
* @param pattern , :yyyy-MM-dd hh:mm:ss
* @return
*/
functiongetFormatDateByLong(l, pattern) {
return getFormatDate(new Date(l), pattern);
}
/**
*
* @param l long
* @param pattern , :yyyy-MM-dd hh:mm:ss
* @return
*/
functiongetFormatDate(date, pattern) {
if (date == undefined) {
date = new Date();
}
if (pattern == undefined) {
pattern = "yyyy-MM-ddhh:mm:ss";
}
return date.format(pattern);
}
1.jQueryが持っているカレンダーコントロールの使用と漢化
漢化パッケージのダウンロードリンク:
jQueryカレンダーコントロール付き漢化パッケージ
html :
(1) js :
<scripttype="text/javascript" src="${ctx}/js/jQueryUI/jquery.ui.datepicker-zh-CN.js"></script>
(2) : <inputtype="text" id="datepicker">
Js :
$( "#datepicker" ).datepicker( 'setDate' , new Date());//
:var specifiedDay=$('#datepicker')[0].value;