element ui datepicker 默认当年

在element-ui中，datepicker默认显示当前年份。如果你想设置默认年份为其他值，可以使用default-date属性：

<el-date-picker
  v-model="date"
  default-date="2020-01-01"
  type="date"
  placeholder="选择日期">
</el-date-picker>

在上面的例子中，default-date属性设置为2020年1月1日，因此datepicker会默认显示2020年份。

相关问题

element ui date-picker组件选中样式修改

要修改Element UI中的DatePicker组件的选中样式，可以通过以下几个步骤实现。

首先，在使用DatePicker组件的页面中引入对应的样式文件，如element-ui的CSS文件。

其次，通过设置父级元素的class或id，来覆盖DatePicker组件的默认样式。可以使用CSS属性选择器或者类选择器来选中DatePicker组件的特定元素。

例如，要修改选中日期的背景色，可以使用如下CSS代码：

.your-parent-class .el-date-picker__cell.is-selected {
    background-color: #ff0000; /* 修改为你想要的背景色 */
}

其中，`.your-parent-class`是包含DatePicker组件的父元素的class名，`.el-date-picker__cell.is-selected`是DatePicker组件中选中日期所对应的元素的class名。

还可以根据需要修改其他样式，比如文本颜色、边框颜色、字体大小等。具体的样式类名可以通过在浏览器的开发者工具中检查元素来找到。

最后，将修改后的CSS代码加入到样式表中，或者使用`<style>`标签将其嵌入到页面中。

通过以上步骤，就可以修改Element UI中的DatePicker组件的选中样式。当然，具体的样式修改仍然需要根据自己的需求来调整。

element ui中日历选择器展示时分秒

在 Element UI 中，日历选择器（DatePicker）默认是只展示年月日的，不展示时分秒。但是你可以通过设置 `picker-options` 属性来自定义日期选择器的展示方式，包括展示时分秒。

以下是一个示例代码，展示如何在 Element UI 的日历选择器中展示时分秒：

<template>
  <div>
    <el-date-picker
      v-model="pickedDate"
      type="datetime"
      :picker-options="pickerOptions"
      placeholder="选择日期时间">
    </el-date-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      pickedDate: '',
      pickerOptions: {
        selectableRange: '00:00:00 - 23:59:59'
      }
    };
  }
};
</script>

在上述示例中，`picker-options` 属性被设置为一个对象，并且其中的 `selectableRange` 属性被设置为 `'00:00:00 - 23:59:59'`。这样就可以让日历选择器展示时分秒的选择范围。

你可以根据需要自行调整 `pickerOptions` 的其他属性，例如 `disabledDate`、`shortcuts` 等，以满足你的具体需求。