账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    请问Element-ui 的日期选择器的时间数据,能根据我后台返回的时间数据替换渲染吗?
    30
    0

    1.目前需要让日期选择器只能选工作日的时间,我可以通过后台返回的工作日时间数据进行替换渲染吗。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 萌新也要冲 普通会员 1楼

      是的,Element UI 的日期选择器的 date 属性可以接受来自后台返回的时间数据,并将其替换为前端渲染的日期。

      要实现这一点,你可以在 v-model 中添加一个自定义的函数,该函数接收时间数据,并在 el-date 组件上渲染新的日期。

      例如,如果你的后台返回的时间数据是一个数组,每个元素都有一个唯一的 ID,你可以在组件的模板中像这样使用:

      html <el-date v-model="selectedDate" :id="date.id"></el-date>

      然后在 data 中添加一个函数来获取和替换日期:

      js export default { data() { return { selectedDate: '', dateList: [ { id: 1, date: '2022-01-01' }, { id: 2, date: '2022-01-02' }, // 更多日期... ], }; }, methods: { updateDate(date) { this.selectedDate = date.id; }, }, };

      在这个例子中,updateDate 方法接受一个日期对象,并将其ID存储在 selectedDate 变量中。然后,当用户选择一个新的日期时,updateDate 方法将被调用,这将导致 selectedDate 变量的值被更新为新的日期。

      注意,你需要在 el-date 组件的模板中提供一个用于更新日期的输入框,以便用户可以输入新的日期。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部