新建一个html文件,定名为test.html,用于讲解js如何去日期的横杠。
在test.html文件内,利用input标签建立一个日期输入框,并设置其id属性为txt。
在test.html文件内,利用button标签建立一个按钮,给button绑心猿意马onclick点击事务,当按钮被点击时,执行changedate()函数。
在test.html文件内,利用span标签建立日期处置后输出的区域。
在test.html文件内,在js标签内建立changedate()函数,在函数内利用getElementById()方式经由过程input的id属性获得输入的日期。
在changedate()函数内,利用split()方式将日期按“-”朋分为数组,再利用join()方式将数组的值毗连起来,实现去失落日期横杠的功能。
在changedate()函数内,经由过程getElementById()方式获得span对象,经由过程innerHTML属性把处置后的日期输出在页面上。
在浏览器打开test.html文件,在输入框填写日期,点击按钮,查看输出的成果。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!