开始时间不能大于结束时间

最新推荐文章于 2022-03-14 13:07:02 发布
最新推荐文章于 2022-03-14 13:07:02 发布
阅读量293 收藏
点赞数
分类专栏： elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qrbd4558/article/details/117530695
版权 
<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <title>招管E通</title>
    <script type="text/javascript" src="/js/my_includes.js"></script>
    <script src="/teamwork/xmgl/project/components/city-cascader.js"></script>
    <style>
        .el-date-editor.el-input,
        .el-date-editor.el-input__inner {
            width: 100%;
        }
    </style>
</head>

<body>
    <div id="main_con" v-cloak>
        <el-card>
            <my-form ref="form" v-model="form" :detail-url="twUrl + '/grbg/daily/detail'" label-width="120px"
                :detail-extra="detailExtra" :submit-url="twUrl + '/grbg/daily/add'" :before-send="beforeSend"
                :after-detail="afterDetail">
                <el-card>
                    <h4 slot="header">日报信息</h4>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="项目名称" prop="proname">
                                <el-input v-model="form.proname" placeholder="请输入项目名称"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="12">
                            <el-form-item label="开始时间" prop="starttime">
                                <el-date-picker v-model="form.starttime" type="datetime"
                                    value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择开始时间"
                                    :picker-options="pickerOptionsStart">
                                </el-date-picker>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="结束时间" prop="endtime">
                                <el-date-picker v-model="form.endtime" type="datetime"
                                    value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择结束时间"
                                    :picker-options="pickerOptionsEnd">
                                </el-date-picker>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="12">
                            <el-form-item label="地点" prop="citycode">
                                <city-cascader v-model="form.citycode" :cityname.sync="form.cityname"
                                    placeholder="请选择地点"></city-cascader>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="客户全称" prop="clientname">
                                <el-input v-model="form.clientname" placeholder="请输入客户全称"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="12">
                            <el-form-item label="联系人" prop="linkname">
                                <el-input v-model="form.linkname" placeholder="请输入联系人"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="联系电话" prop="linkphone">
                                <el-input v-model="form.linkphone" placeholder="请输入联系电话"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="工作内容" prop="worktext">
                                <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 5}" placeholder="请输入工作内容"
                                    v-model="form.worktext">
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="反馈内容" prop="feedback">
                                <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 5}" placeholder="请输入反馈内容"
                                    v-model="form.feedback">
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="跟进情况" prop="follow">
                                <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 5}" placeholder="请输入跟进情况"
                                    v-model="form.follow">
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="相关客户信息" prop="aboutlink">
                                <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 5}" placeholder="请输入相关客户信息"
                                    v-model="form.aboutlink">
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </el-card>
            </my-form>
        </el-card>
    </div>

    <script>
        new mainVue({
            data: {
                form: {

                },
                pickerOptionsStart: {
                    disabledDate: time => {
                        let endDateVal = $vue.form.endtime;
                        return time.getTime() > new Date(endDateVal).getTime() || time.getTime() > Date.now();
                    }
                },
                pickerOptionsEnd: {
                    disabledDate: time => {
                        let beginDateVal = $vue.form.starttime;
                        return (
                            time.getTime() <
                            new Date(beginDateVal).getTime() || time.getTime() > Date.now()
                        );
                    },
                },
            },
            computed: {
                detailExtra: function () {
                    return { rowguid: getSearch('rowguid') };
                }
            },
            methods: {
                beforeSend: function (cb) {
                    cb();
                },
                afterDetail: function (data) {

                }
            },
            mounted: function () {

            }
        })
    </script>
</body>

</html>
阿姐y
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
LayUi两个日期控件加以限制（开始时间要比结束时间早）
qq_37730370的博客
11-28 2708
功能要求：例如 检出时间的开始时间2019-11-27选中后，结束时间只能选27号及其之后的日期 同理，结束时间如果选中了2019-11-27，开始时间只能选27号及其之前的日期 代码实现如下 html代码 <#--搜索栏--> <div class="layui-form tool-bar"> 检出时间：<input class="...
js前台判断开始时间是否小于结束时间
10-28
js前台判断开始时间是否小于结束时间,结合了jquery需要的朋友可以参考下
js验证开始日期不能大于结束日期_掌握这个Excel数据验证小技巧，让别人再也没法瞎填表了...
weixin_35697651的博客
12-24 522
不知道大家有没有遇到过这类问题：在线收集信息时，大家提交上来的数据格式五花八门的，和自己要求的相去甚远。今天，木木就分享一个Excel限制技巧——【数据验证】，让别人再也没法瞎填表格了。什么是【数据验证】？顾名思义，就是有人在录入数据时，Excel会给数据做一个校对，如果不符合规范，就会提示错误，要求重新填写。例如在填“年龄”时，有的人可能天冷手抖填成了“200”；在填“来自哪里”时，有人填了“深...
时间选择器开始时间判断不能大于结束时间
qq_42919799的博客
03-14 728
预览效果 实现过程 <el-form-item label="申请日期" prop="applyTime"> <el-date-picker type="date" v-model="dataForm.applyTime" :disabled="disabled" value-format="yyyy-MM-dd" placeholder="申请日期" format="yyyy-MM-dd" :picker-options="s
ExtJS学习之判断开始时间是否早于结束时间
不如一默
08-22 2968
//开始时间选择框 var StartDate = new Ext.form.DateField({ name:'StartDate', id:"StartDate", format:'Y-m-d', xtype:'datefield', listeners:{ select:function(dateField,date){ var EDate=Ext.getCmp('En
bootstrap 的 datetimepicker，同时有日期和时间， 且开始时间要早于结束时间
weixin_30845171的博客
10-17 286
首先，引入jquery, bootstrap 和 bootstrap-datetimepicker datetimepicker的下载地址：http://www.bootcss.com/p/bootstrap-datetimepicker, bootstrap 和jquery直接搜官网即可，然后把文件放在static路径下 <link href="static/bootstrapv...
开始时间不大于结束时间.js
12-31
开始时间不大于结束时间.js
jquery easyui 对于开始时间小于结束时间的判断示例
10-26
否则，弹出警告消息提示用户结束时间应大于开始时间。 ```javascript function query2(pid){ if(varify){ // 执行查询逻辑 }else{ $.messager.alert('警告','结束时间要大于开始时间','warning'); } } ``` ...
js 动态校验开始结束时间的实现代码
10-15
在JavaScript中，动态校验开始结束时间是为了确保用户输入的时间符合预设的规则，例如开始时间不能大于等于当前时间，结束时间不能大于当前时间，并且结束时间应晚于开始时间。这段代码提供了一种实现方式，主要涉及...
elementui日期选择器控制结束日期不能小于开始日期
鹏仔工作室的秘密基地
09-25 2857
项目中，有选择开始日期和结束日期的，写好了分享给大家吧！如有问题，请多多指教，谢谢。 功能是开始日期可选今日或今日之后的日期，结束日期必须在开始日期之后，用的是elementui，案例分享给大家。 我的效果是 报名开始时间（当日起之后）、报名结束时间（报名开始时间之后）、会议开始时间（报名结束时间之后）、会议结束时间（会议开始时间之后）。 根据下图所示，选择A之后（清除B、C、D），B只能选择A之后的日期，选择B之后（清除C、D），C只能选择B之后的日期，选择C之后（清除D...
结束时间要早于开始时间
henu_lisq的专栏
12-07 1667
if(Date.parse("12-7-2005")>Date.parse("12-8-2005"))alert("结束时间应晚于开始时间")
判断选择时间的起始时间不能大于结束时间
zhang_zan
01-28 722
timeJudge(startTime, arrivalTime) { var startDate = new Date(startTime); var arrivalDate = new Date(arrivalTime); if (arrivalDate.getTime() <= startDate.getTime()) { bootbox.alert("发货时间必须小于到货时间"); return false; } else {
element ui实现起始时间不能大于结束时间
frank_fong的博客
10-26 1245
&lt;template&gt; &lt;div class="app-container"&gt; &lt;el-date-picker v-model="filters.column.create_start_date" type="date" :picker-options="pickerBeginDateBefore" format="yyyy-MM-
ElementUI 限制结束时间不能大于开始时间（亲测有效）
热门推荐
追逐的活
06-14 1万+
使用el-date-picker 组件的 picker-options属性 HTML代码： <div style="padding-top: 10px;"> 日期： <el-date-picker v-model="createDate" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placehold...
My97DatePicker 日期控制，开始时间不能大于结束时间，结束时间不能小于开始时间
coco_ethan的专栏
04-25 1万+
马克 一下，最近写日期控件时，用到了My97DatePicker控件，感觉挺不错的。基本日期功能都有。推荐使用这款！！！   其中，通过id来控制，具体看下面代码的颜色对应。 起始日期： startDate" name="startInfoChangeDate" onclick="WdatePicker({maxDate:'#F{$dp.$D(\'endDate\')}'});"
结束时间和开始时间不能大于31天
前端kk的博客
07-01 1131
// 结束时间和开始时间不能大于31天 dataDiff(a,b){ let data1 = Date.parse(a.toString().replace(/-/g,"/")); let data2 = Date.parse(b.toString().replace(/-/g,"/")); let diff = data2 - data1; let t ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值