在vue2项目中用scss的语法对element ui的DateTimePicker做样式穿透修改background颜色

在Vue 2项目中，如果想要通过SCSS（Sassy CSS）对Element UI的DateTimePicker组件的背景颜色进行样式穿透修改，你需要做到以下几点：

1. 首先，在你的项目的`src/assets/scss`目录下创建一个新的SCSS文件，比如`custom-datepicker.scss`。这是因为Element UI通常有自己的CSS文件夹结构，如`element-ui/packages/date-picker/src/index.vue`。

2. 在这个新文件里，你可以使用`:v-deep`选择器（在Vue CLI 3及以上版本中推荐使用`>>>`），它能够穿透到Vue实例内的元素。例如，要修改日期时间选择器的背景色，可以添加以下代码：

// custom-datepicker.scss
.vuetify .el-date-picker__wrap {
  >>> background-color: red; // 将这里的red替换为你想要的颜色值；
}

这里假设`.vuetify`是你需要找到的Element UI的根选择器，具体的类名可能会有所不同，所以可能需要查看Element UI的源码或文档确认准确的类名。

3. 然后，在项目的全局SCSS或主题设置文件中引入这新的SCSS文件，以便应用你的自定义样式。如果你使用的是Vue CLI 3或更高版本，可以在`main.js`中引入：

import './assets/scss/custom-datepicker.scss';

4. 如果你想让这个修改只针对特定的日期时间选择器，那么需要在对应的Vue组件内部使用 scoped 模式，或者为该组件添加特定的class名，然后在SCSS中选择那个类名。

5. 保存并刷新你的Vue应用，你应该能看到DateTimePicker组件的背景颜色已经被修改了。