vue-element.ui：DateTimePicker 日期时间选择器

get：接收stringput：date<el-col :span="3" :offset="0"><el-form-item label="日期"><el-date-pickerclearablev-model="query.day...

洪君.

2911人浏览 · 2019-01-16 13:59:01

洪君. · 2019-01-16 13:59:01 发布

get：接收string

put：date

 <el-col :span="3" :offset="0">
            <el-form-item label="日期">
              <el-date-picker
                clearable
                v-model="query.daySA"
                type="datetime"
                value-format="yyyy-MM-dd HH:mm:ss"
                placeholder="选择日期"
              ></el-date-picker>
            </el-form-item>
          </el-col>

<el-col :span="3" :offset="0">
            <el-form-item label="日期">
              <el-date-picker
                clearable
                v-model="query.daySA"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="选择日期"
              ></el-date-picker>
            </el-form-item>
          </el-col>

<el-form-item label="日期">
          <el-date-picker v-model="putform.day" type="datetime" placeholder="选择日期时间"></el-date-picker>
        </el-form-item>

string

 <el-form-item label="日期">
          <el-date-picker
            v-model="putform.day"
            type="datetime"
            placeholder="选择日期时间"
            value-format="yyyy-MM-dd HH:mm:ss"
          ></el-date-picker>

 <el-form-item label="开始时间" prop="openbank">


<el-date-picker
      v-model="addformObj.startTime"
      type="datetime"
      placeholder="选择日期时间">
    </el-date-picker>


                  </el-form-item>

收缩

<el-collapse-item title="筛选/隐藏" name="1">
          <!-- <el-collapse-item title="筛选/隐藏" name="2"> -->

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^