【vue2-解决el-date-picker默认显示的是1970年】

<el-date-picker
   style="width: 72.4%"
   v-model="addform.fsTime"
   type="datetime"
   default-time="17:00:00"
   :picker-options="{
    disabledDate: (val) =>
   val.getTime() < new Date().getTime(),
   }"
  value-format="yyyy-MM-dd HH:mm:ss"
  placeholder="选择日期时间">
</el-date-picker>
//定义默认首次发送时间,不然默认是1900年
  computed: {
    timeDefault() {
      var date = new Date();
      var s1 = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + (date.getDate()) + "-" + (date.getHours()) + "-" + (date.getMinutes()) + "-" +(date.getSeconds());
      return s1;
    }
  },
   mounted() {
        this.addform.fsTime=this.timeDefault
  },
### 修改 Vue2Element UI 的 `el-date-picker` 组件语言为英文 为了将 `el-date-picker` 组件的语言设置为英语,在项目初始化时需引入并配置Element UI的国际化支持。具体操作是在项目的入口文件(通常是 main.js 或者类似的启动脚本)中全局加载Element UI,并通过 `locale` 方法来设定默认使用的语言包。 对于希望仅针对特定组件如 `el-date-picker` 设置成英文的情况,可以在该组件所在页面或父级组件里局部应用此更改: ```javascript import { DatePicker } from 'element-ui'; import enLocale from 'element-ui/lib/locale/lang/en'; // 局部注册组件并传入 locale 配置项 export default { components: { ElDatePicker: DatePicker, }, mounted() { this.$nextTick(() => { this.$refs.datePicker.locale(enLocale); }); } } ``` 如果要使整个应用程序都采用英文界面,则应该在main.js中做如下处理[^1]: ```javascript import Vue from 'vue' import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; // 导入样式表 import enLang from 'element-ui/lib/locale/lang/en'; // 英文语言包 import locale from 'element-ui/lib/locale'; // element-i18n模块 // 设置语言环境 locale.use(enLang); Vue.use(ElementUI, { size: 'small', zIndex: 3000 }); new Vue({ render: h => h(App), }).$mount('#app'); ``` 上述代码片段展示了如何在整个应用层面切换至英文版本;而对于单个组件而言,可以通过其API接口中的`locale()`函数实现相同效果。需要注意的是,某些旧版本可能存在差异,因此建议查阅官方文档获取最新指导[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值