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();
        }
    };
    

      

  • 相关阅读:
    线程安全的简单理解
    单链表 之 判断两链表是否交叉
    React组件间的通信
    input type=file美化
    Array.prototype.slice.call(arguments)
    ES5 数组方法every和some
    nodejs学习之表单提交(1)
    ES5 数组方法reduce
    ES5 数组方法map
    ES5 数组方法forEach
  • 原文地址:https://www.cnblogs.com/hellosnowy/p/2664673.html
Copyright © 2011-2022 走看看