Vue使用按钮更改输入字段中的文本

时间:2018-05-08 19:51:09

标签: button input text vue.js

我在输入文本字段中更改文本时遇到问题。我想让用户使用" start"按钮开始我的应用程序:这应该写入文本字段的小时和分钟,对于"结束"按钮,当用户点击提交时。这些时间和其他将火上火。 感谢您的帮助,我的代码是:

<template>
            ...
            <label>Start Time:</label>
            <input type="text" v-model="newAct.startTime" disabled/><br>
            <label>End Time:</label>
            <input type="text" v-model="newAct.endTime" disabled/><br>
            <button @click="submitStart">Start</button>
            <button @click="submitEnd">Stop</button>
            ...
</template>

有我的代码:

<script>
...
export default {
...
    submitStart() {
      let t = new Date();
      let time = t.getHours() + ":" + t.getMinutes();
      newAct.StartTime = time;
    },
    submitEnd() {
      let t = new Date();
      let time = t.getHours() + ":" + t.getMinutes();
      newAct.EndTime = time;
    }
  }
...
</script>

0 个答案:

没有答案