如何使用moment.js转换参数日期

Question

I have a value this.birthday which containes this value Mon Aug 06 2018 00:00:00 GMT-0500 (CDT)T00:00:00-00:00

my birthday model receives this value even tho' my datepicker is configured like so...

<el-date-picker v-model="birthday" v-validate="'required|date_format:YYYY-MM-DD'" type="date" placeholder="yyyy-mm-dd" data-date-format="yyyy-MM-dd" :picker-options="pickerOptions1"></el-date-picker>

How can I use moment.js to convert this date value to YYYY-MM-DD ?

I'm trying to manipulate the date value held inside birthday to my desired output....but I have no clue how. None of the documentation seems to be helping.

onSubmitted() {
  axios.post(`${process.env.KITTY_URL}/api/v1/cats/`, {
    name: this.name,
    age: this.age,
    gender: this.gender,
    cat_type: this.cat_type,
    litter_mates: this.litter_mates,
    weight: this.weight,
    birthday: moment(this.birthday.toString()).format('DD-MM-YYYY'),<---?????? what should this be???
    weight_unit: this.weight_unit
  })
    .then(response => {
      console.log(response);
      response.status === 201 ? this.showSuccess = true : this.showDanger = true
    })
    .catch(error => {
      console.log(error);
      this.showDanger = true;
    })
}

Answer 1

Since the el-date-picker is already setting a Date object to birthday . To convert it to a formatted string, just use the following and it should work.

moment(this.birthday).format('YYYY-MM-DD')

Answer 2

Ok here is what I found....looking into the internet I found this random page.... https://github.com/ankurk91/vue-bootstrap-datetimepicker

within it was a clue..

// ...
options: {
  format: 'DD/MM/YYYY',
  useCurrent: false,
}

this seemed to be the key. my birthday param now receives the correct format.