js如何截取input输入框的年月日

在js中,可以使用split()方法来分割输入框的年月日。下面小编举例讲解js如何截取input输入框的年月日。

51cd85cec7f88a7710c447f96e4a2f27e6eff8b2.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1

东西/原料

  • html+js
  • 代码编纂器:Dreamweaver CS5

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解js如何截取input输入框的年代日。

    89402670d5413a8ce0116aba1ffc508c9ace81b2.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  2. 2

    在test.html文件内,利用input标签建立一个日期输入框,并设置id为mydate。

    3931cb413a8ca608e2165b49db8c9bcec6f8feb2.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  3. 3

    在test.html文件内,利用button标签建立一个按钮,给button按钮绑定onclick点击事务,当按钮被点击时,执行formatDate()函数。

    d400248ca608a50fdce59f3910cec7f88b77ffb2.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  4. 4

    在js标签中,建立formatDate()函数,在函数内,经由过程id获得input对象,利用value属性获得输入的日期。

    3bcdb808a50f94fc1995547b4cf88a775cddfcb2.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  5. 5

    在js标签中,利用split()方式按“-”进行朋分,并将年代日保留在data数组中。最后,利用write()方式将截取的年代日输出。

    a749bb0f94fc508cd1d7084d01775ddd894cfdb2.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  6. 6

    在浏览器打开test.html文件,输入日期,点击按钮,查看成果。

    a44e8afc508c9bce8ce145c2d6dd884ce44afab2.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_195bd4e8c9bcec7f8c66e9268034ce54a2e27fbb2.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  • 发表于 2020-06-17 19:00
  • 阅读 ( 374 )
  • 分类:其他类型

相关问题

0 条评论

请先 登录 后评论