<!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 条评论) |