用JS将输入初始化为当前日期，并且符合java.sql.Date格式

最新推荐文章于 2021-11-25 22:55:10 发布

最新推荐文章于 2021-11-25 22:55:10 发布 · 261 阅读

文章标签：

#java #javascript #ui #ViewUI

本文介绍如何使用JavaScript将日期格式化为符合java.sql.Date要求的格式，包括如何处理单个数字的月份和日期，并提供了一个通用的日期格式化函数。

用JS将输入初始化为当前日期，并且符合java.sql.Date格式

下面的实现方式，jQuery UI 的 Datepicker 插件能够支持，但不能被 java.sql.Date.valueOf() 方法接受，会抛出异常 java.lang.IllegalArgumentException。

    var today = new Date();
    var m = today.getMonth() + 1;
    var d = today.getDate();
    var str = today.getFullYear() + "-" + m + "-" + d;
    $("#source_time").val(str);

因为 java.sql.Date.valueOf() 只接受 yyyy-mm-dd 格式字符串。

javadoc 写道

public static Date valueOf(String s)

Converts a string in JDBC date escape format to a Date value.

Parameters:

s - a String object representing a date in in the format "yyyy-mm-dd"

Returns:

a java.sql.Date object representing the given date

Throws:

IllegalArgumentException - if the date given is not in the JDBC date escape format (yyyy-mm-dd)

所以必须要对月份和日期调整格式，如果只有一位数字，在前面加0。如下所示：

    var today = new Date();
    var m = today.getMonth() + 1;
    var mm = m < 10 ? "0" + m : m;
    var d = today.getDate();
    var dd = d < 10 ? "0" + d : d;
    var str = today.getFullYear() + "-" + mm + "-" + dd;
    $("#source_time").val(str);

当然，我这里的需求比较死板，固定格式为 yyyy-mm-dd，如果需要灵活的变换格式，可以参考下面的文章

阿坤的BLOG 天地生人,有一人应有一人之业;人生在世,生一日当尽一日之勤

老外写的一个javascript下Date格式化函数 http://blog.youkuaiyun.com/akunshenjk/article/details/2539638

PS：发现上面链接的提供的源代码中正则表达式有误，还是看下面的好 http://www.4ucode.com/Study/Topic/1174473

下面贴出代码：

Date.prototype.format = function(mask) {
	var d = this;
	var zeroize = function (value, length) {
		if (!length) length = 2;
		value = String(value);
		for (var i = 0, zeros = ''; i < (length - value.length); i++) {
			zeros += '0';
		}
		return zeros + value;
	};	

	// return mask.replace(/"[^"]*"|'[^']*'|/b(?:d{1,4}|m{1,4}|yy(?:yy)?|([hHMstT])/1?|[lLZ])/b/g, function($0) {
        return mask.replace(/"[^"]*"|'[^']*'|\b(?:d{1,4}|m{1,4}|yy(?:yy)?|([hHMstT])\1?|[lLZ])\b/g, function($0) {
		switch($0) {
			case 'd':	return d.getDate();
			case 'dd':	return zeroize(d.getDate());
			case 'ddd':	return ['Sun','Mon','Tue','Wed','Thr','Fri','Sat'][d.getDay()];
			case 'dddd':	return ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'][d.getDay()];
			case 'M':	return d.getMonth() + 1;
			case 'MM':	return zeroize(d.getMonth() + 1);
			case 'MMM':	return ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'][d.getMonth()];
			case 'MMMM':	return ['January','February','March','April','May','June','July','August','September','October','November','December'][d.getMonth()];
			case 'yy':	return String(d.getFullYear()).substr(2);
			case 'yyyy':	return d.getFullYear();
			case 'h':	return d.getHours() % 12 || 12;
			case 'hh':	return zeroize(d.getHours() % 12 || 12);
			case 'H':	return d.getHours();
			case 'HH':	return zeroize(d.getHours());
			case 'm':	return d.getMinutes();
			case 'mm':	return zeroize(d.getMinutes());
			case 's':	return d.getSeconds();
			case 'ss':	return zeroize(d.getSeconds());
			case 'l':	return zeroize(d.getMilliseconds(), 3);
			case 'L':	var m = d.getMilliseconds();
					if (m > 99) m = Math.round(m / 10);
					return zeroize(m);
			case 'tt':	return d.getHours() < 12 ? 'am' : 'pm';
			case 'TT':	return d.getHours() < 12 ? 'AM' : 'PM';
			case 'Z':	return d.toUTCString().match(/[A-Z]+$/);
			// Return quoted strings with the surrounding quotes removed
			default:	return $0.substr(1, $0.length - 2);
		}
	});
};

但这篇文章提供的方法，主要适合老外的使用情况，不太符合中国人的要求。稍作修改，如下所示：

Date.prototype.format = function(mask) {
	var d = this;
	var zeroize = function (value, length) {
		if (!length) length = 2;
		value = String(value);
		for (var i = 0, zeros = ''; i < (length - value.length); i++) {
			zeros += '0';
		}
		return zeros + value;
	};	

	// return mask.replace(/"[^"]*"|'[^']*'|/b(?:d{1,4}|m{1,4}|yy(?:yy)?|([hHMstT])/1?|[lLZ])/b/g, function($0) {
        return mask.replace(/"[^"]*"|'[^']*'|\b(?:d{1,4}|m{1,4}|yy(?:yy)?|([hHMstT])\1?|[lLZ])\b/g, function($0) {
		switch($0) {
			case 'd':	return d.getDate();
			case 'dd':	return zeroize(d.getDate());
			case 'ddd':	return ['日','一','二','三','四','五','六'][d.getDay()];
			case 'dddd':	return ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'][d.getDay()];
			case 'M':	return d.getMonth() + 1;
			case 'MM':	return zeroize(d.getMonth() + 1);
			case 'MMM':	return ['一','二','三','四','五','六','七','八','九','十','十一','十二'][d.getMonth()];
			case 'MMMM':	return ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'][d.getMonth()];
			case 'yy':	return String(d.getFullYear()).substr(2);
			case 'yyyy':	return d.getFullYear();
			case 'h':	return d.getHours() % 12 || 12;
			case 'hh':	return zeroize(d.getHours() % 12 || 12);
			case 'H':	return d.getHours();
			case 'HH':	return zeroize(d.getHours());
			case 'm':	return d.getMinutes();
			case 'mm':	return zeroize(d.getMinutes());
			case 's':	return d.getSeconds();
			case 'ss':	return zeroize(d.getSeconds());
			case 'l':	return zeroize(d.getMilliseconds(), 3);
			case 'L':	var m = d.getMilliseconds();
					if (m > 99) m = Math.round(m / 10);
					return zeroize(m);
			case 'tt':	return d.getHours() < 12 ? '上午' : '下午';
			case 'TT':	return d.getHours() < 12 ? '上午' : '下午';
			case 'Z':	return d.toUTCString().match(/[A-Z]+$/);
			// Return quoted strings with the surrounding quotes removed
			default:	return $0.substr(1, $0.length - 2);
		}
	});
};