将 .NET 日期/时间格式字符串转换为 Javascript 日期/时间格式字符串
Posted
技术标签:
【中文标题】将 .NET 日期/时间格式字符串转换为 Javascript 日期/时间格式字符串【英文标题】：Convert .NET date/ time format string to Javascript date/ time format string 【发布时间】：2014-08-10 03:23:06 【问题描述】：是否有 javascript 库或其他机制允许我将 .NET 日期/时间格式字符串（即yyyy-MM-dd HH:mm:ss）传递给 javascript 函数并相应地解析提供的日期时间值？我一直在寻找一段时间，但我似乎无法找到我正在寻找的确切内容。
我想象的用法将允许我提供来自 .NET 提供程序的自定义格式字符串，并允许我现有的 javascript 库（如 Kendo）一致地呈现日期/时间。
由于我的问题似乎有些混乱，我将尝试更详细：
我有一个User Preferences 表，允许我的用户选择他们的日期、时间戳和时间等格式，并且可以使用 .NET 字符串格式完全自定义。从我的 .NET 应用程序中渲染这些很容易。
不过，我也在使用 Kendo，它会从我的服务器收集原始日期/时间数据；我需要在 javascript 库和 .NET 呈现引擎之间保持其呈现的数据格式一致。
【问题讨论】：
投反对票的人可以发表评论吗？ ...你能解释一下这对 SO 来说是什么题外话吗？这显然是关于将 .NET 与 Javascript 集成。 好吧，您可以尝试查看关闭问题的“离题”原因，尤其是那些要求图书馆或场外资源的原因。 您的阅读理解似乎有缺陷。我不是在要求图书馆推荐，我是在问这样的图书馆是否存在，我描述了我正在尝试做的事情。这完全符合主题。 这绝对不是题外话。我自己也在寻找这样的解决方案。 【参考方案1】：所以简短的回答似乎是，没有办法标准化日期格式，所以......我写了一个。这个小库有几个限制；例如，我完全忽略了时区（无论如何我的所有工作都是 UTC）并且我没有检查转义的特殊字符，但它应该符合我的目的：
/************************************************************
Feel free to use this as you like.
************************************************************/
var shortMonths = [
'Jan',
'Feb',
'Mar',
'Apr',
'Jun',
'Jul',
'Aug',
'Sep',
'Oct',
'Nov',
'Dec'
];
var fullMonths = [
'January',
'February',
'March',
'April',
'May',
'June',
'July',
'August',
'September',
'October',
'November',
'December'
];
var shortDays = [
'Sun',
'Mon',
'Tue',
'Wed',
'Thu',
'Fri',
'Sat'
];
var fullDays = [
'Sunday',
'Monday',
'Tuesday',
'Wednesday',
'Thursday',
'Friday',
'Saturday'
];
var shortAmPm = [
'A',
'P'
];
var fullAmPm = [
'AM',
'PM'
];
function dotNetDateTimeFormat(date, format)
//we need a date
if (!(date instanceof Date && !isNaN(date.valueOf()))) return '';
//if no format is given, send back default yyyy-MM-dd
format = format || '';
if (format == '')
return d.getFullYear + '-' + padZeroes(d.getMonth(), 2) + '-' + padZeroes(d.getDate(), 2);
//check for standard formats
switch (format)
case 'd': //short date pattern
return formatDateString(date, 'M/d/yyyy');
case 'D': //long date pattern
return formatDateString(date, 'dddd, MMMM d, yyyy');
case 'f': //Full date/time pattern (short time)
return formatDateString(date, 'dddd, MMMM d, yyyy h:mm tt');
case 'F': //Full date/time pattern (long time)
return formatDateString(date, 'dddd, MMMM d, yyyy h:mm:ss tt');
case 'g': //General date/time pattern (short time)
return formatDateString(date, 'M/d/yyyy h:mm tt');
case 'G': //General date/time pattern (long time)
return formatDateString(date, 'M/d/yyyy h:mm:ss tt');
case 'M': //Month/day pattern
case 'm': //Month/day pattern
return formatDateString(date, 'MMMM d');
case 'O': //Round-trip date/time pattern
case 'o': //Round-trip date/time pattern
return formatDateString(date, 'yyyy-MM-ddTHH:mm:ss.fff-00:00');
case 'R': //RFC1123 pattern
case 'r': //RFC1123 pattern
return formatDateString(date, 'ddd, d MMM yyyy HH:mm:ss GMT');
case 's': //Sortable date/time pattern
return formatDateString(date, 'yyyy-MM-ddTHH:mm:ss');
case 't': //Short time pattern
return formatDateString(date, 'h:mm tt');
case 'T': //Long time pattern
return formatDateString(date, 'h:mm:ss tt');
case 'u': //Universal sortable date/time pattern
return formatDateString(date, 'yyyy-MM-dd HH:mm:ssZ');
case 'U': //Universal full date/time pattern
return formatDateString(date, 'dddd, MMMM d, yyyy h:mm:ss tt');
case 'Y': //Year month pattern
case 'y': //Year month pattern
return formatDateString(date, 'MMMM, yyyy');
default: // custom string, no standard format.
return formatDateString(date, format);
function formatDateString(date, format)
var yyyy = date.getFullYear();
var M = date.getMonth();
var d = date.getDate();
var day = date.getDay();
var H = date.getHours();
var h = H;
var pm = h > 12;
if (pm) h = H - 12;
var m = date.getMinutes();
var s = date.getSeconds();
var f = date.getMilliseconds();
format = format
.replace(/GMT/g, '*00*')
.replace(/yyyy/g, '*01*')
.replace(/yyy/g, '*02*')
.replace(/yy/g, '*03*')
.replace(/y/g, '*04*')
.replace(/MMMM/g, '*05*')
.replace(/MMM/g, '*06*')
.replace(/MM/g, '*07*')
.replace(/M/g, '*08*')
.replace(/dddd/g, '*09*')
.replace(/ddd/g, '*10*')
.replace(/dd/g, '*11*')
.replace(/d/g, '*12*')
.replace(/HH/g, '*13*')
.replace(/H/g, '*14*')
.replace(/hh/g, '*15*')
.replace(/h/g, '*16*')
.replace(/mm/g, '*17*')
.replace(/m/g, '*18*')
.replace(/ss/g, '*19*')
.replace(/s/g, '*20*')
.replace(/fff/g, '*21*')
.replace(/ff/g, '*22*')
.replace(/f/g, '*23*')
.replace(/FFF/g, '*24*')
.replace(/FF/g, '*25*')
.replace(/F/g, '*26*')
.replace(/tt/g, pm ? 'PM' : 'AM')
.replace(/t/g, pm ? 'P' : 'A')
.replace('*00*', 'GMT')
.replace('*01*', yyyy)
.replace('*02*', yyyy.toString().substr(-3, 3))
.replace('*03*', yyyy.toString().substr(-2, 2))
.replace('*04*', yyyy.toString().substr(-1, 1))
.replace('*05*', getFullMonth(M.toString()))
.replace('*06*', getShortMonth(M.toString()))
.replace('*07*', padZeroes(M.toString(), 2))
.replace('*08*', M.toString())
.replace('*09*', getFullDay(day.toString()))
.replace('*10*', getShortDay(day.toString()))
.replace('*11*', padZeroes(d.toString(), 2))
.replace('*12*', d.toString())
.replace('*13*', padZeroes(H.toString(), 2))
.replace('*14*', H.toString())
.replace('*15*', padZeroes(h.toString(), 2))
.replace('*16*', h.toString())
.replace('*17*', padZeroes(m.toString(), 2))
.replace('*18*', m.toString())
.replace('*19*', padZeroes(s.toString(), 2))
.replace('*20*', s)
.replace('*21*', padZeroes(f.toString(), 3))
.replace('*22*', padZeroes(Math.round(f / 10), 2).toString())
.replace('*23*', Math.round(f / 100).toString())
.replace('*24*', blankZero(padZeroes(f.toString(), 3)))
.replace('*25*', blankZero(padZeroes(Math.round(f / 10), 2).toString()))
.replace('*26*', blankZero(Math.round(f / 100).toString()))
;
return format;
function getShortMonth(month)
return shortMonths[month];
function getFullMonth(month)
return fullMonths[month];
function getShortDay(day)
return shortDays[day];
function getFullDay(day)
return fullDays[day];
function padZeroes(toPad, numDigits)
toPad = toPad || '';
var zeroes = Array(numDigits).join('0');
return (zeroes + toPad).substr(-numDigits, numDigits);
function blankZero(number)
var n = parseFloat(number);
if (isNaN(number)) return '';
if (n == 0.0) return '';
return n;
你可以这样使用它：
<div id="test-format"></div>
<script type="text/javascript">
var date = new Date(2009, 6, 15, 13, 45, 30, 660);
var formats = [
dotNetDateTimeFormat(date, 'd'),
dotNetDateTimeFormat(date, 'D'),
dotNetDateTimeFormat(date, 'f'),
dotNetDateTimeFormat(date, 'F'),
dotNetDateTimeFormat(date, 'g'),
dotNetDateTimeFormat(date, 'G'),
dotNetDateTimeFormat(date, 'm'),
dotNetDateTimeFormat(date, 'M'),
dotNetDateTimeFormat(date, 'o'),
dotNetDateTimeFormat(date, 'O'),
dotNetDateTimeFormat(date, 'r'),
dotNetDateTimeFormat(date, 'R'),
dotNetDateTimeFormat(date, 's'),
dotNetDateTimeFormat(date, 't'),
dotNetDateTimeFormat(date, 'T'),
dotNetDateTimeFormat(date, 'u'),
dotNetDateTimeFormat(date, 'U'),
dotNetDateTimeFormat(date, 'y'),
dotNetDateTimeFormat(date, 'Y'),
dotNetDateTimeFormat(date, 'yyyyMMddHHmmss')
];
$(function ()
var f = formats.join('<br />');
$('#test-format').html(f);
);
</script>
欢迎改进。
【讨论】：
【参考方案2】：如果可以在您的 .NET 应用程序中，当您将 DateTime 对象转换为字符串时，请执行以下操作：
dtStr = dt.ToString("o"); // ISO 8601 standard date time format
这样您就不必担心日期时间字符串基于区域设置的差异，并且大多数语言应该能够毫无问题地处理这种格式
【讨论】：
我不担心翻译实际日期，我正在尝试使用 .NET 格式字符串来获得一致的日期格式，无论是在 javascript 还是 .NET 中呈现。【参考方案3】：momentjs 很好地为我们处理了 javascript 中的日期。它应该满足您的两个需求。
更新： momentjs 将允许您使用自己的格式字符串 'MM-DD-YYYY' 或其任何变体来显示日期。
【讨论】：
以上是关于将 .NET 日期/时间格式字符串转换为 Javascript 日期/时间格式字符串的主要内容，如果未能解决你的问题，请参考以下文章
如何在 .Net / C# 中将日期转换为 HTTP 格式的日期
如何将 Java 日期字符串/对象转换为 JFreeChart 日期格式？