要在Buefy日期选择器中获取预期日期并将其转换为字符串,可以使用以下解决方案:
首先,确保你已经按照Buefy和Laravel的安装和设置指南正确地设置了项目。
selectedDate
变量来存储选择的日期:new Vue({
el: '#app',
data: {
selectedDate: null
}
});
selectedDate
转换为字符串格式的预期日期。在计算属性中使用moment.js库来格式化日期:computed: {
formattedDate() {
if (this.selectedDate) {
return moment(this.selectedDate).format('YYYY-MM-DD');
} else {
return '';
}
}
}
格式化后的日期: {{ formattedDate }}
这样,当用户选择日期时,selectedDate
将被更新,并且formattedDate
计算属性将被重新计算以显示格式化后的日期字符串。
请确保在你的项目中安装了moment.js库,并在Vue实例的计算属性中引入它:
import moment from 'moment';