title
 首页 > 作文

elementUI 2个输入框 时间区间月份选择

更新时间:2023-04-06 08:00:04 阅读: 评论:0

<!doctype html><html lang="en"><head>    <meta chart="utf-8">    <title>title</title>    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"></head><body><div id="reportapp">    <template>        <el-form>            <el-row>                <el-col :spna="12">                    <el-form-item label="开始时间" size="mini">                        <el-date-picker                                v-model="startdate"                                format="yyyy-mm"                                type="month"   颔首低眉的意思                水作文             placeholder="选择月份"                                :picker-options="pickeroptions1">                        </el-date-picker>                    </el-form-item>                </el-col>                <el-col :spna="12">                    <el-form-item label="结束时间" size="mini">                        <el-date-picker                                v-model="enddate"                                format="yyyy-mm"                                type="month"                                placeholder="选择月份"                                :picker-options="pickeroptions2">                        </el-date-picker>                    </el-form-item>                </el-col>            </el-row>        </el-form>    </template></div><!-- import vue before element --><script src="https://unpkg.com/vue/dist/vue.js"></script><!-- import javascript --><script src="https://unpkg.com/element-ui/lib/index.js"></script><!-- import jquery --><script src="https://code.jquery.com/jquery-3.3.1.min.js"></script><script>    var vm = new vue({        el: "#reportapp",        data: function () {     医药采购合同       return {                startdate: '',                enddate: '',                pickeroptions1: {                    disableddate(time) {                        if (vm.enddate != null && vm.enddate != "") {                            return time.gettime() > vm.enddate;                        } el {                            return fal;                        }                    }                },                pickeroptions2: {                    disableddate(time) {                        if (vm.startdate != null && vm.startdate != "") {                            return time.gettime() < vm.startdate;                        } el {                            return fal;                        }毕淑敏名言                    }                }        证的拼音    }        }    })</script></body></html>

实现效果:

本文发布于:2023-04-06 07:59:59,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/0307150ebf3379b30b74079fa72a79f4.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:elementUI 2个输入框 时间区间月份选择.doc

本文 PDF 下载地址:elementUI 2个输入框 时间区间月份选择.pdf

标签:名言   拼音   效果   医药
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图