elementui 日期 移动端 禁止弹软键盘及日期区间取值

在Element UI中，要在移动端禁用日期组件的软键盘以及选择日期范围，可以通过以下方法实现：

1. 禁用软键盘：

   由于Element UI的日期组件是基于Moment.js的，它不直接提供禁用软键盘的属性。但可以通过禁用输入框的属性来实现。

2. 选择日期范围：

   Element UI的日期选择器默认支持选择日期范围。

以下是实现禁用软键盘并选择日期范围的示例代码：

<template>
  <el-date-picker
    v-model="range"
    type="daterange"
    :editable="false"
    :clearable="false"
    unlink-panels
    start-placeholder="开始日期"
    end-placeholder="结束日期"
    format="yyyy-MM-dd"
    value-format="yyyy-MM-dd"
  >
  </el-date-picker>
</template>
 
<script>
  export default {
    data() {
      return {
        range: []
      };
    }
  };
</script>

在这个示例中：

• type="daterange" 表示选择日期范围。
• :editable="false" 禁止输入框的编辑，这样就不会弹出软键盘。
• :clearable="false" 禁止显示清除按钮。
• unlink-panels 表示两个日期面板不联动。
• start-placeholder 和 end-placeholder 分别设置了开始和结束日期的占位文本。
• format 和 value-format 设置了日期的显示格式。

通过以上设置，日期选择器将在移动端上禁用软键盘，并允许用户选择日期范围。