有没有办法在 Vue DatePicker 中设置选定的选项?

Posted

技术标签:

【中文标题】有没有办法在 Vue DatePicker 中设置选定的选项?【英文标题】:Is there any way to set selected option in Vue DatePicker? 【发布时间】:2021-11-11 10:46:30 【问题描述】:

我正在使用 Vue Material - 在我的 vue js 项目中选择组件。我想动态设置组件的选定值。我浏览了文档https://www.creative-tim.com/vuematerial/components/select,但找不到我正在寻找的解决方案。有什么方法可以完成这个任务。

提前谢谢你

【问题讨论】:

data 中为 v-model 设置值,如文档中的示例所示:movie: 'godfather' 【参考方案1】:
<template>
  <md-field class="box">
    <label for="movie">Movie</label>
    <md-select v-model="movie" name="movie" id="movie">
      <md-option v-for="opt in options" :key="opt.value" :value="opt.value">
         opt.name 
      </md-option>
    </md-select>
  </md-field>
</template>

<script>
export default 
  name: "BasicSelect",
  data: () => (
    movie: "",
    options: [
       value: "fight-club", name: "Fight Club" ,
       value: "godfather", name: "Godfather" ,
       value: "scarface", name: "Scarface" ,
    ],
  ),
  mounted() 
    // Here we set default selected value, you can change it any time
    this.movie = this.options[0].value;
  ,
;
</script>

【讨论】:

以上是关于有没有办法在 Vue DatePicker 中设置选定的选项?的主要内容,如果未能解决你的问题,请参考以下文章

在新的 Material DatePicker 中设置标题颜色

在 DatePIcker 中设置 MinDate 和 MaxDate

在 jQuery datepicker 中设置最小日期

如何在 DatePicker 中设置当前日期?

在Jquery Datepicker中设置日期的初始值[重复]

在 react-hook-form 中设置 DatePicker 的值(来自 antd)