[CLOSED] DateField

I have a date range that I need to set the END DATE to start at the START DATE only if it is blank. For example dteSessionEndDate should be set to dteSessionStartDate only if blank. This way the END DATE will be in the correct month.

Code:

---

<ext:CompositeField ID="CompositeField1" runat="server" FieldLabel="Start Date" AnchorHorizontal="100%">
<Items>
  <ext:DateField ID="dteSessionStartDate" runat="server" Vtype="daterange" DataIndex="SessionSD" Width="90" AllowBlank="false" Format="m/d/yyyy">
      <CustomConfig>
        <ext:ConfigItem Name="endDateField" Value="#{dteSessionStartDate}" Mode="Value" />
      </CustomConfig>
  </ext:DateField>
  <ext:DisplayField ID="DisplayField1" runat="server" Flex="1" Html="&nbsp;" />
</Items>
</ext:CompositeField>
<ext:CompositeField ID="CompositeField2" runat="server" FieldLabel="End Date" AnchorHorizontal="100%">
<Items>
  <ext:DateField ID="dteSessionEndDate" runat="server" Vtype="daterange" DataIndex="SessionED" Width="90" FieldLabel="End Date" AllowBlank="false" Format="m/d/yyyy">
  </ext:DateField>
  <ext:DisplayField ID="DisplayField2" runat="server" Flex="1" Html="&nbsp;" />
</Items>
</ext:CompositeField>

---

Hi,

This is the "daterange" Vtype sources.

daterange Vtype

Code:

---

Ext.apply(Ext.form.VTypes, {
    daterange : function (val, field) {
        var date = field.parseDate(val);
 
        if (field.startDateField && (!date  || (!field.dateRangeMax || (date.getTime() !== field.dateRangeMax.getTime())))) {
            var start = Ext.getCmp(field.startDateField);
 
            if (start) {
                start.setMaxValue(date);
                field.dateRangeMax = date;
                start.validate();
            }
        } else if (field.endDateField && (!date || (!field.dateRangeMin || (date.getTime() !== field.dateRangeMin.getTime())))) {
            var end = Ext.getCmp(field.endDateField);
 
            if (end) {
                end.setMinValue(date);
                field.dateRangeMin = date;
                end.validate();
            }
        }
 
        /*
            * Always return true since we're only using this vtype to set the
            * min/max allowed values (these are tested for after the vtype test)
            */
        return true;
    }
});

---

You should be able to apply respective changes.

I get this error Ext is undefined.

Please add:

Code:

---

<ext:ResourcePlaceHolder runat="server" Mode="ScriptFiles" />

---

before the script.