我想在我的日期选择器中设置默认日期。
代码:
<template lang="html">
<input type="date" v-model="date">
</template>
<script lang="js">
export default {
name: 'component',
props: [],
mounted() {
},
data() {
return {
// date: new Date().toJSON.split('T')[0],
date: new Date(),
}
},
methods: {
},
computed: {
},
}
</script>
不幸的是它不起作用,有人告诉我 moment js 但我不知道我们如何使用它
最佳答案
日期输入上的
v-model
使用 yyyy-MM-dd 格式的字符串。如果您乐于在模型中使用字符串而不是日期对象,那么只需将默认日期字符串放入日期变量中,就像这样。
date : new Date().toISOString().slice(0,10)
这是一个运行示例。已更改名称以避免变量名称接近保留关键字!
vm = new Vue({
el : '#vueRoot',
data : { myDate : new Date().toISOString().slice(0,10) }
})
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
<div id='vueRoot'>
<input type='date' v-model='myDate'>
<br>
{{myDate}}
</div>
当然,如果您想格式化或比较它们,您可能希望在模型中将日期作为日期对象。在这种情况下,您应该避免 v-model 并分别对绑定(bind)的两侧进行编码,like this .
关于javascript - 如何在vue js中设置一天的默认日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50720802/