Vue.js & Moment.js Output Date Rending Object Instead of Date String

Question

Not sure where I'm going wrong here, but I'm trying to output current date in a Vue.js component. But instead of returning a date string (i.e. 2017/02/02) it's returning a string of the object (??). Lost...

<template>
    <div>
        <input type="text" :value="initialDate">
    </div>
</template>

<script>

    export default {
        props: ['date', 'user'],

        computed: {
            initialDate() {
                return this.date ? this.date : this.fetchCurrentDate
            }
        },

        methods: {
            fetchCurrentDate() {
                return window.moment()
            },
        }
    }
</script>

In the browser, I'm seeing this as the input value:

function boundFn(a) { var l = arguments.length; return l ? l > 1 ? fn.apply(ctx, arguments) : fn.call(ctx, a) : fn.call(ctx) }

When it should be an actual date string.

Bert · Accepted Answer · 2017-06-20 18:37:28Z

1

You need to call the fetchCurrentDate function. Not reference it.

initialDate() {
      return this.date ? this.date : this.fetchCurrentDate()
}

answered Jun 20, 2017 at 18:37

Bert

82.6k17 gold badges205 silver badges166 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Mike Barwick Over a year ago

God damn. FML...always the little things. Thanks for your help :) #TimeForBreak

Bert Over a year ago

@MikeBarwick Been there :)

Collectives™ on Stack Overflow

Vue.js & Moment.js Output Date Rending Object Instead of Date String

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related