将jQuery UI插件添加到页面：

function DateFormate(dateFormate, datetime) {
    return $.datepicker.formatDate(dateFormate, datetime);
};

普通JavaScript是小型一次性应用程序的最佳选择。

另一方面，如果你需要更多约会内容，MomentJS是一个很好的解决方案。

例如：

moment().format('YYYY-MM-DD HH:m:s');     // now() -> 2015-03-24 14:32:20
moment("20111031", "YYYYMMDD").fromNow(); // 3 years ago
moment("20120620", "YYYYMMDD").fromNow(); // 3 years ago
moment().startOf('day').fromNow();        // 11 hours ago
moment().endOf('day').fromNow();          // in 13 hours

试试看：

函数init（）{var d=新日期（）；var day=d.getDate（）；var x=d.toDateString（）.substr（4，3）；var year=d.getFullYear（）；document.querySelector（“#mydate”）.innerHTML=day+'-'+x+'-'+年；}window.onload=init；<div id=“mydate”></div>

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时区偏移）

未彻底测试

使用ECMAScript Edition 6（ES6/ES2015）字符串模板：

let d = new Date();
let formatted = `${d.getFullYear()}-${d.getMonth() + 1}-${d.getDate()}`;

如果需要更改分隔符：

const delimiter = '/';
let formatted = [d.getFullYear(), d.getMonth() + 1, d.getDate()].join(delimiter);

这是一个完全符合您要求的脚本

https://github.com/UziTech/js-date-format

var d = new Date("2010-8-10");
document.write(d.format("DD-MMM-YYYY"));