如何将el-date-picker设置宽度100%

要将`el-date-picker`设置为宽度100%，你可以直接在HTML或CSS中进行如下操作。这里有两个方法：

方法一：在HTML中使用CSS类

<el-date-picker
  class="full-width-datepicker"
  v-model="date"
></el-date-picker>

<style>
.full-width-datepicker {
  width: 100%;
}
</style>

在这个例子中，我们为`el-date-picker`添加了一个自定义的类`full-width-datepicker`，并在外部CSS中设置了它的宽度为100%。

方法二：使用Vue的 scoped CSS
如果你在使用Vue，并且希望将样式限制在组件内部，可以在`<template>`标签内添加`style`并使用`:scoped`属性：

<template>
  <div>
    <el-date-picker
      :width="100%"
      v-model="date"
    ></el-date-picker>
    <style scoped>
      el-date-picker {
        width: 100%;
      }
    </style>
  </div>
</template>

确保你的`width`属性值是百分比，如`100%`，这样它就会占用父元素的100%宽度。

相关问题：
1. 这两种方法分别适用于什么场景？
2. 如何在Vue中动态控制`el-date-picker`的宽度？
3. `scoped`属性有什么作用？