title: Watch date input value and use it with v-model
body: <p>I tried for 4 days to get a stupid date from the input, that the user selected. Looks probably simple but believe me that I ask here because I run out of solutions.</p>
  
  <p>I have a page/component AddNewEvent and inside this input where the user adds the date and time. I have to get it in my v-model so I can send it back to database.</p>
  
  <p>I use bootstrap 4 input <code>type="datetime-local"</code> to get the date and time. I tried to use some vue plugins for date but all are based on bootstrap 3 and in the project is bootstrap 4.</p>
  
  <p>Inside template:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;label class="eda-form-label" for="event-name"&gt;Event Name &lt;span&gt;(Max characters number is 60)&lt;/span&gt;&lt;/label&gt;
      &lt;input type="text" class="eda-form-input" v-model="newEvent.eventName"&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
      &lt;label class="eda-form-label" for="exampleTextarea"&gt;Event Description &lt;span&gt;(Max characters number is 2000)&lt;/span&gt;&lt;/label&gt;
      &lt;textarea class="eda-form-input" rows="3" v-model="newEvent.description"&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-6 "&gt;
        &lt;label class="eda-form-label" for="start-time"&gt;START TIME&lt;/label&gt;
        &lt;input class="form-control" type="datetime-local" v-model="dateNow"&gt;
      &lt;/div&gt;{{createdDate(value)}}
      &lt;div class="col-6"&gt;
        &lt;label class="eda-form-label" for="end-time"&gt;END TIME&lt;/label&gt;
        &lt;input class="form-control" type="datetime-local" v-model="dateEnd"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In the script:</p>
  
  <pre><code>data() {
    return {
      dateNow: '',
      value: '',
      oldValue: ''
    }
  },
  watch: {
    dateNow(val, oldVal) {
      this.value = val;
      this.oldValue = oldVal;
    }
  },
  methods: {
      createEvent(){
        axios.post("/event", this.newEvent, 
            {'headers':{'X-AUTH-TOKEN': localStorage.token}},
            {'headers':{'Content-Type': 'application/json'}})
          .then((response) =&gt; {
            alertify.success("Success! You added a new the user"); 
            this.$router.push('/events');
          })
          .catch((response) =&gt; {
            alertify.error();
  
          })
      },
  }
  </code></pre>
  
  <p>If I use in the input, how is right now, <code>v-model="dateNow"</code> works. I can see when I select date, time am/pm shows me the seleted date. But I have to use it like this </p>
  
  <p><code>v-model="newEvent.dateNow"</code> </p>
  
  <p><code>v-model="newEvent.dateEnd"</code> </p>
  
  <p>so I can add it to newEvent and send the whole obj back to database. </p>
  
  <p>createdDate is a function that transforms the date in a real date. It's only for testing, because I have to send the date in ms back to database.</p>
  
  <p>Someone please show me what I do wrong, because I'm not so very advance in vuejs.</p>