1、第一步,双击打开HBuilder软件,新建空白的静态页面,并引入相应的js和css文件,如下图所示:
2、第二步,在代码主体中插入日期组件、输入框和按钮,并给这几个id属性,如下图所示:
3、第三步,编写按钮单击事件函数,获取日期组件月份,根据月份判断英文月份,如下图所示:
4、第四步,编写函数switchCase,传入month参数,用月份判断返回英文月份,并赋值给输入框,如下图所示:
5、第五步,再次检查组件对应的id属性,绑定的事件,如下图所示:
6、第六步,预览该静态页面,查看页面效果,选择日期,点击按钮,如下图所示: