1、打开vscode,创建一个H5文档结构的html页面,用于演示js的日期转换。如果没有vscode,可以使用任何一个html编辑器,或者直接使用文本文件也可以,只不过最终需要保存为html结尾的文件
2、在测试页面中,添加两个文本框和一个按钮,第一个文本框用于输入想要格式化成的日期格式,第二个文本框用于显示当前系统时间格式化后的结果。当点击按钮的时候开始转换
3、在页面的下方添加一段js代码,在Date的原型上扩展一个format方法,用于转换日期
4、在测试页面的按钮dom结构中,添加一个onClick事件,并添加一个空的js方法与之对应
5、在onClick对应的js方法中,首先获取第一个文本框中指定的日期格式,再调用日期转换js方法,最后把结果赋值给第二个文本框
6、在浏览器中运行页面,在第一个文本框输入yyyy/MM/dd 或者 yyyy/MM/dd hh:mm:ss 点击按钮,就可以在第二个文本框中看到当前系统日期转换后的结果
7、也可以在第一个文本框中输入yyyy-MM-dd hh:mm:ss,点击按钮,同样可以转换成功