zoukankan      html  css  js  c++  java
  • ext.net 日期控件如何指定控件只能选择当天以后的日期

    今天遇到一个,如何给日期控件限制只能选择当天以后的日期,官网上的例子是2个控件的日期比较,想了想,取了个巧,我也弄了2日期控件,只不过是隐藏的,隐藏的默认赋值当天,这样就跟官网上的日期比较差不多了。呵呵~

          <ext:DateField ID="DateField1" runat="server" Vtype="daterange" FieldLabel="To" Hidden="true"
            AnchorHorizontal="100%" EnableKeyEvents="true">
            <CustomConfig>
                <ext:ConfigItem Name="endDateField" Value="#{PlanDate}" Mode="Value" />
            </CustomConfig>
            <Listeners>
                <KeyUp Fn="onKeyUp" />
            </Listeners>
        </ext:DateField>
        <ext:DateField ID="PlanDate" runat="server" Vtype="daterange" FieldLabel="计划日期" EnableKeyEvents="true"
            Format="Y-m-d" Width="250px">
            <CustomConfig>
                <ext:ConfigItem Name="startDateField" Value="#{DateField1}" Mode="Value" />
            </CustomConfig>
            <Listeners>
                <KeyUp Fn="onKeyUp" />
            </Listeners>
        </ext:DateField>
    

      第一个DateField 设置了Hidden="true" 隐藏属性,如何给控件赋默认值,请看博文 ext.net日期控件默认赋值

    这里还有一个onKeyUp的js验证,就是验证2个日期控件的日期比较

    var onKeyUp = function (field) {
        var v = this.processValue(this.getRawValue()),
                    field;
    
        if (v.length < 1) {
            if (this.startDateField) {
                field = Ext.getCmp(this.startDateField);
                field.setMaxValue();
                this.dateRangeMax = null;
            } else if (this.endDateField) {
                field = Ext.getCmp(this.endDateField);
                field.setMinValue();
                this.dateRangeMin = null;
            }
            field.validate();
        }
    };
    

      

  • 相关阅读:
    Git—分支管理
    Git—推送代码至Github
    Git入门—创建项目
    Mysql单表查询
    Mysql数据的增删改查
    Mysql完整约束性
    C++继承中同名成员变量处理方法
    C++继承和组合中的构造函数和析构函数调用原则
    C++继承中的类型兼容原则
    C++中的继承
  • 原文地址:https://www.cnblogs.com/hellosnowy/p/2664673.html
Copyright © 2011-2022 走看看