EasyUI 开始时间小于结束时间和tooptip

先上图。
这里写图片描述

开始时间和结束时间
满足条件
0,开始时间<结束时间,
1,二者都不填,不需要提示,
2,其中一个填写另一个提示必填。

html:

开始时间从:
<input type="text" class="textbox easyui-datetimebox"  name="startSignedTime" id="startSignedTime" style="width:180px">
到:
<input type="text"  class="textbox easyui-datetimebox" name="endSignedTime" id="endSignedTime"  style="width:180px">

js:

timeFromTO("SignedTime",0)//startSignedTime排位0,endSignedTime排位1,
/**
 * 设置时间的提示框。
 * start-end  startExpectedTime -endExpectedTime
 * dom的位置排位为(0-1) (1-2)
 *例子:timeFromTO("ExpectedTime",0)
 *
 */
function timeFromTO(fssj,idx){

    var fssjFrom1="start"+fssj
    var fssjTo1="end"+fssj


   $("#"+fssjFrom1).datetimebox({
        onHidePanel: function(date){
            validateDateTime(fssjFrom1,fssjTo1,fssjFrom1,idx);
        }
    });
    $("#"+fssjTo1).datetimebox({
        onHidePanel: function(date){
            validateDateTime(fssjFrom1,fssjTo1,fssjTo1,idx);
        }
    });
}

function validateDateTime(beginTimeId,endTimeId,whichTimeId,idx)
{

    var v1=$('#'+beginTimeId).datetimebox("getValue");
    var date1 = new Date(v1);
    var v2=$('#'+endTimeId).datetimebox("getValue");
    var date2 = new Date(v2);
    var idx2=idx+1
    if(v1==''&&v2==''){//二者都不填,不需要提示,
        layer.close(obj.tipArr[idx2])
        obj.tipArr[idx2]=null;
        layer.close(obj.tipArr[idx])
        obj.tipArr[idx]=null;
        obj.isStartEndTime=true;
        return true;
    }
    if(v1==''){//其中一个填写另一个提示必填。
        if(obj.tipArr[idx]!=null){
            return;
        }
        var ss=$('#tb').find(".datebox").eq(idx)

     obj.tipArr[idx]=showTimeTip(ss,4,'请填写开始时间');

    }
    if(v2==''){//其中一个填写另一个提示必填。
        if(obj.tipArr[idx2]!=null){
            return;
        }
        var ss=$('#tb').find(".datebox").eq(idx2)
        obj.tipArr[idx2]= showTimeTip(ss,2,'请填写结束时间');

    }
    console.log(idx2+"kkkk "+obj.tipArr[idx2],obj.tipArr)

    if(v1==''||v2=='')
    {
        obj.isStartEndTime=false;
        return true;
    }

    console.log(date1);
    console.log(date2);
    if(date1<date2)
    {
        layer.close(obj.tipArr[idx2])
        obj.tipArr[idx2]=null;
        layer.close(obj.tipArr[idx])
        obj.tipArr[idx]=null;
        obj.isStartEndTime=true;
        console.log(obj.tipArr)

        return true;
    }
    console.log(date1+"!<"+date2);
    try{
        $('#'+whichTimeId).datetimebox("setValue","");
    }catch(e){
    }
    try{
        $('#'+whichTimeId).datebox("setValue","");
    }catch(e){
    }

    $.messager.alert('提示','开始时间要小于结束时间!');

    return false;
}
/**
tooptip
**/
function showTimeTip(box,idx,tip){
    var tipindex= layer.tips(tip, box, {
        tipsMore: true,
           time:1000000,
        tips: [idx, '#0FA6D8'] //还可配置颜色
    });
    return tipindex;
}

用的tooptip并不是easyui的。他自带的不好用。用插件layer,下载地址:http://layer.layui.com/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
大家好,又见面了!EasyUI又更新了,这次更新内容还是不少的,具体内容请参考下面的更新说明,官方的更新说明中还少了1条,我给补上了。 jQuery EasyUI 1.3.5版本更新内容: Bug(修复) searchbox:修复“searcher”函数提供的“name”参数值错误的问题; combo:修复“isValid”方法无法返回布尔值的问题; combo:修复点击页面某一个combo组件的下拉列表时触发的“onHidePanel”事件会导致页面上其他combo组件的下拉列表被关闭的问题; combogrid:修复某些从combo组件继承来的方法无法使用的问题。 Improvement(改进) datagrid:改进检查行时候的性能; menu:允许追加菜单分隔符; menu:新增“hideOnUnHover”属性用于在鼠标离开菜单的时候指示是否需要隐藏菜单; slider:新增“clear”和“reset”方法; tabs:新增“unselect”方法、“onUnselect”事件; tabs:新增“selected”属性,用于指定的默认打开的面板; tabs:Tab Panel(Tab页)新增“collapsible”属性,用于设置是否允许摺叠面板; tabs:新增“showHeader”属性、“showHeader”方法和“hideHeader”方法; combobox:允许“disabled”属性禁用下拉列表选项; tree:改进数据加载时候的性能; pagination:新增“layout”属性,用于自定义控件的样式布局; accordion:新增“unselect”方法、“onUnselect”事件; accordion:新增“select”和“multiple”属性; accordion:新增“getSelections”方法; datebox:新增“sharedCalendar”属性,允许多个datebox控件共享使用同一个calendar控件。 datebox:新增“buttons”属性,用于自定义日历下方的按钮。 (译者注:该点更新内容官方更新公告上没有注明,具体内容和用法请看datebox的API。) 历史版本: - jQuery EasyUI 1.3.4 离线API简体中文版 http://download.csdn.net/detail/richie696/6302785 - jQuery EasyUI 1.3.4 离线API简体中文版 http://download.csdn.net/detail/richie696/5363933
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值