Javascript vuejs日期选择器从当前日期开始，添加样式

我正在使用vue datepicker组件进行输入，该输入显示了我在表单中的日期。我需要使日期从当天开始，不能选择前几天，还要更改语言，组件不允许我添加样式

这是我正在使用的组件

我留下部分摘要代码：

<template>
  <form>
     <datepicker :bootstrap-styling="true"
               class="form-control"
     </datepicker>
  </form>
</template>
<sctipt>
import Datepicker from 'vuejs-datepicker';
export default {  
  components: { 
    Datepicker,
  },
  data () {
    return {
          selectedDate: ''
    },
    method: {

    }
  }
</script>

代码中有一个语法错误，您需要将
方法：{}
移出
数据（）
，它是方法，而不是
方法

修复后，只需按照教程自定义日历（在中选中可用的道具）

并记住打开浏览器控制台以检查任何错误

下面是一个演示，您可以在
中自定义
背景
，
打开日期
，
引导样式

PS:根据本教程，如果直接使用CDN，则必须使用
而不是

PS:可能是
datepicker
提供的道具无法满足您的要求，那么您必须查看该日历的dom树，然后添加css选择器以自定义它，就像我更改背景时所做的那样

更新：每次更改打开日期时克隆出一个新的日期对象，否则不会触发响应


app=新的Vue({
el:“应用程序”，
组成部分：{
vuejsDatepicker
},
数据（）{
返回{
所选日期：“”，
bootstrapStyling：对，
openDate:newdate（）
}
},
方法：{
changeBootstrapStyling:函数（）{
this.bootstrapStyling=！this.bootstrapStyling
},
changeLanguage:函数（）{
this.openDate=新日期（this.openDate.setDate（this.openDate.getDate（）+90））
}
}
})
.bg red>div>div{
背景颜色：红色
}
.bg白色>分割>分割{
背景颜色：白色
}

更改引导样式
更改开放日期
更改打开日期按钮不起作用。你知道如何让它工作吗？@DaveHowson谢谢你指出这个错误。解决方案是克隆出一个新的日期对象，或者使用$forceUpdateThumbs作为第一个PS注释