如果您已经在项目中使用jQuery UI，您可以这样做：

var formatted = $.datepicker.formatDate("M d, yy", new Date("2014-07-08T09:02:21.377"));

// formatted will be 'Jul 8, 2014'

这里提供了一些可以使用的日期选择器日期格式选项。

这里有一些随时可以粘贴的时间/日期格式代码，它不依赖任何外部模块/库，也不使用jQuery或ES7或任何东西。与其他答案中的代码不同，此代码提供了以下功能组合：

它将JavaScript Date对象作为输入它可以将日期显示为本地时区或UTC它使用了一个简单的格式化系统“｛year4｝｛month02｝{second｝”，即使在编写代码后也很容易阅读和理解，而不像典型的“%D%m%-”，它总是强制您返回文档格式化系统不像某些特殊的“DD-MM-YYYY”系统那样具有任何奇怪的自冲突你可以在这里运行测试并尝试

//format_date（日期、模式、utc）//-日期//-JavaScript Date对象//-对当前时间使用“new Date（）”//-模式//-嵌入｛代码｝的字符串，如//“｛year4｝-｛month02｝-{day02｝：｛dayname3｝”//有关完整列表，请参阅下面的format_date_funcs//-其他字母不变//-utc//-如果为真，则显示UTC时间“区域”中的日期//-如果为假/忽略，则显示本地时区中的日期//变量月名称=[“一月”，“二月”，“三月”，“四月”，“五月”，“六月”，“七月”，“八月”、“九月”、“十月”、“十一月”、“十二月”];var星期名称=[“星期日”、“星期一”、“周二”，“周三”、“周四”、“周五”、“周六”];函数空间_pad2（num）{返回num<10？“”+num:num；}函数zero_pad2（num）{返回num<10？“0”+num:num；}函数空间_pad3（num）{如果（num<10）return“”+num；否则，如果（num<100）return“”+num；其他的返回num；}函数zero_pad3（num）{如果（num<10）return“00”+num；否则，如果（num<100）返回“0”+num；其他的返回num；}变量格式_日期_函数={//｛year4｝=“1902”//｛year02｝=“02”//“year4”：函数（日期，utc）{var年=utc？date.getUTCFullYear（）：date.getFullYear（）；回归年；},“year02”：函数（日期，utc）{var年=utc？date.getUTCFullYear（）：date.getFullYear（）；return year.toString（）.substr（2,2）；},//｛月｝=“1”-“12”//｛month2｝=“1”-“12”（空格填充）//｛month02｝=“01”-“12”//“月”：函数（日期，utc）{var月=utc？date.getUTCMonth（）：date.getMonth（）；//[0,11]回归月+1；},'month2'：函数（日期，utc）{var月=utc？date.getUTCMonth（）：date.getMonth（）；//[0,11]return space_pad2（月+1）；},“month02”：函数（日期，utc）{var月=utc？date.getUTCMonth（）：date.getMonth（）；//[0,11]返回zero_pad2（月+1）；},//｛monthname｝=“一月”//｛monthname3｝=“一月”//“monthname”：函数（日期，utc）{var月=utc？date.getUTCMonth（）：date.getMonth（）；//[0,11]return month_names[月]；},“monthname3”：函数（日期，utc）{var月=utc？date.getUTCMonth（）：date.getMonth（）；//[0,11]return month_names[month].substr（0，3）；},//｛day｝=“1”-“31”//｛day2｝=“1”-“31”（空格填充）//｛day02｝=“01”-“31”//“day”：函数（日期，utc）{var日期=utc？date.getUTCDate（）：date.getDate（）；//[1,31]返回日期；},“day2”：函数（日期，utc）{var日期=utc？date.getUTCDate（）：date.getDate（）；//[1,31]return space_pad2（日期）；},“day02”：函数（日期，utc）{var日期=utc？date.getUTCDate（）：date.getDate（）；//[1,31]返回zero_pad2（日期）；},//｛dayname｝=“星期二”//｛dayname3｝=“星期二”//“dayname”：函数（日期，utc）{var日=utc？date.getUTCDay（）：date.getDay（）；//[0,6]返回day_of_wweek_names[day]；},“dayname3”：函数（日期，utc）{var日=utc？date.getUTCDay（）：date.getDay（）；//[0,6]返回day_of_wweek_names[day].substr（0,3）；},//｛24小时｝=“0”-“23”//｛24小时2｝=“0”-“23”（空格填充）//｛24小时02｝=“00”-“23”//“24小时”：函数（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]回程时间；},“24小时2”：功能（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]返回space_pad2（小时）；},“24小时02”：功能（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]返回zero_pad2（小时）；},//｛12小时｝=“1”-“12”//｛12小时2｝=“1”-“12”（空格填充）//｛12小时02｝=“01”-“12”//｛ampm｝=“上午”或“下午”//｛AMPM｝=“AM”或“PM”//“12小时”：函数（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]小时=小时%12；//[0,11]如果（0===小时）小时=12；回程时间；},“12小时2”：功能（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]小时=小时%12；//[0,11]如果（0===小时）小时=12；返回space_pad2（小时）；},“12小时02”：功能（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]小时=小时%12；//[0,11]如果（0===小时）小时=12；返回zero_pad2（小时）；},“ampm”：函数（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]返回（小时<12？“上午”：“下午”）；},“AMPM”：函数（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]返回（小时<12？“AM”：“PM”）；},//｛分钟｝=“0”-“59”//｛minute2｝=“0”-“59”（空格填充）//｛minute02｝=“00”-“59”//“minute”：函数（日期，utc）{var分钟=utc？date.getUTCMinutes（）：date.getMinutes（）；//[0,59]返回分钟；},“minute2”：函数（日期，utc）{var分钟=utc？date.getUTCMinutes（）：date.getMinutes（）；//[0,59]返回space_pad2（分钟）；},“minute02”：函数（日期，utc）{var分钟=utc？date.getUTCMinutes（）：date.getMinutes（）；//[0,59]返回zero_pad2（分钟）；},//｛second｝=“0”-“59”//｛second2｝=“0”-“59”（空格填充）//｛second02｝=“00”-“59”//“秒”：函数（日期，utc）{var秒=utc？date.getUTCSeconds（）：date.getSeconds（）；//[0,59]

yy=2位年份；yyyy=全年

M=数字月；MM=2位月；MMM=短月份名称；MMMM=完整月份名称

EEEE=工作日全名；EEE=短工作日名称

d=数字日；dd=2位数字日

h=小时；hh=2位数小时

m=分钟；mm=2位数分钟

s=秒；ss=2位数秒

S=毫秒

使用与ClassSimpleDateFormat（Java）类似的格式

var month名称=[“一月”，“二月”，“三月”，“四月”，“五月”，“六月”，“七月”，“八月”、“九月”、“十月”、“十一月”、“十二月”];var dayOfWeekNames=[“星期日”、“星期一”、“周二”，“周三”、“周四”、“周五”、“周六”];函数formatDate（日期，formatStr）{if（！formatStr）{formatStr='dd/mm/yyyy'；}var day=date.getDate（），month=date.getMonth（），year=date.getFullYear（），hour=date.getHours（），minute=date.getMinutes（），second=date.getSeconds（），毫秒=date.getMilliseconds（），hh=twoDigitPad（小时），mm=两个DigitPad（分钟），ss＝twoDigitPad（秒），EEEE=dayOfWeekNames[date.getDay（）]，EEE=EEEE.substr（0，3），dd＝twoDigitPad（天），M=月+1，MM＝两个DigitPad（M），MMMM=monthNames[月]，MMM＝MMMM.substr（0，3），yyyy=年+“”，yy=yyyy.substr（2，2）;返回格式Str.replace（'h'，hh）.replace（'h'，hour）.替换（'m'，mm）.替换（m'，分钟）.替换（'s'，ss）.替换（s''，second）.replace（'S'，毫秒）替换（'dd'，dd）替换（'d'，day）.替换（'MMMM'，MMMM）.替换（'MMM'，MMM）替换（'MM'，MM）.更换（'M'，M）替换（'EEE'，EEEE）替换（'EE'，EEE）替换（'yyyy'，yyyy）.替换（'yy'，yy）;}函数twoDigitPad（num）{返回num<10？“0”+num:num；}console.log（formatDate（newDate（）））；console.log（formatDate（new Date（），'EEEE，MMMM d，yyyy hh:mm:ss:S'））；console.log（formatDate（new Date（），'EEE，MMM d，yyyy hh:mm'））；console.log（formatDate（new Date（），'yyyy-MM-dd hh:MM:ss:S'））；console.log（formatDate（new Date（），'yy MM dd hh:MM'））；

在JavaScript中格式化DateTime的一种有用且灵活的方法是Intl.DateTimeFormat：

var date = new Date();
var options = { year: 'numeric', month: 'short', day: '2-digit'};
var _resultDate = new Intl.DateTimeFormat('en-GB', options).format(date);
// The _resultDate is: "12 Oct 2017"
// Replace all spaces with - and then log it.
console.log(_resultDate.replace(/ /g,'-'));

结果是：“2017年10月12日”

可以使用options参数自定义日期和时间格式。

Intl.DateTimeFormat对象是启用语言敏感日期和时间格式的对象的构造函数。

语法

new Intl.DateTimeFormat([locales[, options]])
Intl.DateTimeFormat.call(this[, locales[, options]])

参数

区域设置

可选择的带有BCP 47语言标记的字符串或此类字符串的数组。有关locales参数的一般形式和解释，请参阅Intl页。允许使用以下Unicode扩展密钥：

nu
Numbering system. Possible values include: "arab", "arabext", "bali", "beng", "deva", "fullwide", "gujr", "guru", "hanidec", "khmr", "knda", "laoo", "latn", "limb", "mlym", "mong", "mymr", "orya", "tamldec", "telu", "thai", "tibt".
ca
Calendar. Possible values include: "buddhist", "chinese", "coptic", "ethioaa", "ethiopic", "gregory", "hebrew", "indian", "islamic", "islamicc", "iso8601", "japanese", "persian", "roc".

选项

可选择的具有以下部分或全部财产的对象：

本地匹配器

要使用的区域设置匹配算法。可能的值是“查找”和“最佳匹配”；默认值为“最佳拟合”。有关此选项的信息，请参阅Intl页面。

时区

要使用的时区。实现必须识别的唯一值是“UTC”；默认值是运行时的默认时区。实施还可以识别IANA时区数据库的时区名称，例如“亚洲/上海”、“亚洲/加尔各答”、“美国/纽约”。

小时12

是否使用12小时（而不是24小时）。可能的值为true和false；默认值取决于区域设置。

格式匹配器

要使用的格式匹配算法。可能的值是“基本”和“最适合”；默认值为“最佳拟合”。有关使用此属性的信息，请参见以下段落。

以下财产描述了格式化输出中使用的日期时间组件及其所需的表示。需要实现至少支持以下子集：

weekday, year, month, day, hour, minute, second
weekday, year, month, day
year, month, day
year, month
month, day
hour, minute, second
hour, minute

实现可能支持其他子集，并且将针对所有可用的子集表示组合来协商请求，以找到最佳匹配。有两种算法可用于此协商，并由formatMatcher属性选择：完全指定的“基本”算法和依赖于实现的“最佳匹配”算法。

周工作日

工作日的表示。可能的值有“窄”、“短”、“长”。

era

时代的代表。可能的值有“窄”、“短”、“长”。

year

年度的表示。可能的值为“数字”、“2位数”。

月

月份的表示。可能的值有“数字”、“2位数”、“窄”、“短”、“长”。

day

当天的表示。可能的值为“数字”、“2位数”。

hour

小时的表示。可能的值为“数字”、“2位数”。

分钟

会议记录的表示。可能的值为“数字”、“2位数”。

第二

第二个的表示。可能的值为“数字”、“2位数”。

时区名称

时区名称的表示形式。可能的值为“短”、“长”。每个日期时间组件属性的默认值未定义，但如果所有组件财产均未定义，则假定年、月和日为“数字”。

联机检查

更多详细信息

对于自定义分隔日期格式，必须拉出日期（或时间）DateTimeFormat对象（它是ECMAScript国际化API），然后手动创建字符串使用所需的分隔符。

为此，可以使用DateTimeFormat#formatToParts。你可以销毁数组，但这并不理想，因为数组输出取决于区域设置：

｛//示例1设f=新Intl.DateTimeFormat（'en'）；让a=f.formatToParts（）；控制台日志（a）；}｛//示例2设f=新Intl.DateTimeFormat（'hi'）；让a=f.formatToParts（）；控制台日志（a）；}

最好将格式数组映射到结果字符串：

函数连接（t，a，s）{函数格式（m）{设f=新Intl.DateTimeFormat（'en'，m）；返回f.format（t）；}返回.map（格式）.join（s）；}让a＝〔｛日：‘数字’｝，｛月：‘短’｝、｛年：‘数字”｝〕；let s=join（新日期，a，'-'）；console.log；

还可以使用DateTimeFormat#格式，但请注意，使用此方法时，截至3月2020年，当涉及到分钟和秒的前导零（该方法避免了此错误以上）。

设d=新日期（2010，7，5）；let ye=新Intl.DateTimeFormat（'en'，｛year:'numeric'｝）.format（d）；let mo=新Intl.DateTimeFormat（'en'，{month:'short'}）.format（d）；let da=新Intl.DateTimeFormat（'en'，｛day:'2-位'｝）.format（d）；console.log（`${da}--${mo}-${ye}'）；

在处理日期和时间时，通常值得使用库（例如，luxon、date fns、moment.js不建议用于新项目），因为该领域有许多隐藏的复杂性。

注意，上述解决方案中使用的ECMAScript国际化APIIE10不支持（2月全球浏览器市场份额为0.03%）2020).

DateFormatter.formatDate（新日期（2010,7,10），'DD-MMM-YYYY'）

=>2010年8月10日

DateFormatter.formatDate（new Date（），'YYYY-MM-DD HH:MM:ss'）

=>2017-11-22 19:52:37

DateFormatter.formatDate（新日期（2005，1，2，3，4，5），'D DD DDD DDD，M MM MMM MMMM，YY YYYY，h hh h hh，M MM，s ss，a a'）

=>2002年2月2日星期三2005年2月5日，2003年3月3日，4月4日，5月5日上午

var日期格式设置工具={月份名称：[“一月”，“二月”，“三月”，“四月”，“五月”，“六月”，“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”],dayName:[“星期日”、“星期一”、“周二”、“周三”、“周四”、“周五”、“周六”]，formatDate：函数（日期，格式）{var self=this；format=self.getProperDigits（format，/d+/gi，date.getDate（））；format=self.getProperDigits（格式，/M+/g，date.getMonth（）+1）；format=format.replace（/y+/gi，函数（y）{var len=y.length；var year=date.getFullYear（）；如果（长度==2）return（年份+“”）.sslice（-2）；否则如果（len==4）回归年；返回y；})format=self.getProperDigits（格式，/H+/g，date.getHours（））；format=self.getProperDigits（格式，/h+/g，self.getHours12（date.getHours（）））；format=self.getProperDigits（format，/m+/g，date.getMinutes（））；format=self.getProperDigits（format，/s+/gi，date.getSeconds（））；format=format.replace（/a/ig，函数（a）{var amPm=self.getAmPm（date.getHours（））如果（a==“a”）返回amPm.toUpperCase（）；返回amPm；})format=self.getFullOr3Letters（format，/d+/gi，self.dayNames，date.getDay（））format=self.getFullOr3Letters（format，/M+/g，self.monthNames，date.getMonth（））返回格式；},getProperDigits：函数（格式、正则表达式、值）{return format.replace（正则表达式，函数（m）{var长度=m.length；如果（长度==1）返回值；否则如果（长度==2）return（“0”+值）.sslice（-2）；返回m；})},getHours12：函数（小时）{// https://stackoverflow.com/questions/10556879/changing-the-1-24-hour-to-1-12-hour-for-the-gethours-method返回（小时+24）%12||12；},getAmPm：函数（小时）{// https://stackoverflow.com/questions/8888491/how-do-you-display-javascript-datetime-in-12-hour-am-pm-format回程时间>=12？'下午'：'上午'；},getFullOr3Letters：函数（格式，正则表达式，名称数组，值）{return format.replace（正则表达式，函数）{var len=s.length；如果（长度==3）return nameArray[value].substr（0，3）；否则如果（len==4）return nameArray[value]；返回s；})}}console.log（DateFormatter.formatDate（new Date（），'YYYY-MM-DD HH:MM:ss'））；console.log（DateFormatter.formatDate（new Date（），'D DD DDD DDDD，M MM MMM MMMM，YY YYYY，h hh h hh，M MM，s ss，a a'））；console.log（DateFormatter.formatDate（新日期（2005，1，2，3，4，5），'D DD DDD DDDD，M MM MMM MMMM，YY YYYY，h hh h hh，M MM，s ss，a a'））；

格式描述取自Ionic Framework（它不支持Z、UTC时区偏移）

未彻底测试