What's New?

[CLOSED] Displaying Todays date in Date field

  1. #1
    Feb 22, 2011, 3:34 AM

    [CLOSED] Displaying Todays date in Date field

    Hi,,..
    i have kept two date fields FromDate and Todate, i want display todyas date by default in both the fields..i have tried with ShowToday="true" but it is not displaying..if i keep Fromdate.Value=DateTime.Now, ToDate.Value=DateTime.Now in code behind
    it will show error "Microsoft JScript runtime error: 'undefined' is null or not an object"... How to display Present date in both the fields?

     <ext:DateField ID="FromDate" runat="server" Width="130" ShowToday="true" Format="dd-MM-yyyy"  Vtype="daterange" >
                                   <CustomConfig>
                                     <ext:ConfigItem Name="endDateField" Value="#{ToDate}" Mode="Value" />
                                   </CustomConfig>    
                            </ext:DateField>

 <ext:DateField ID="ToDate" runat="server" Width="130" Format="dd-MM-yyyy" Vtype="daterange">
                             <CustomConfig>
                        <ext:ConfigItem Name="startDateField" Value="#{FromDate}" Mode="Value" />
                    </CustomConfig>  
                            </ext:DateField>
    Last edited by Daniil; Feb 22, 2011 at 10:41 AM. Reason: [CLOSED]
  2. #2
    Feb 22, 2011, 7:55 AM
    Hi,

    Please use .SelectedDate.
    FromDate.SelectedDate = DateTime.Now;
  3. #3
    Feb 22, 2011, 9:39 AM
    Quote Originally Posted by Daniil View Post
    Hi,

    Please use .SelectedDate.
    FromDate.SelectedDate = DateTime.Now;
    i have kept FromDate.SelectedDate = DateTime.Now; ToDate.SelectedDate = DateTime.Now; in pageLoad but now also it is displaying
    Microsoft JScript runtime error: 'undefined' is null or not an object
  4. #4
    Feb 22, 2011, 9:41 AM
    Please clarify what toolkit's version do you use?
  5. #5
    Feb 22, 2011, 9:49 AM
    Quote Originally Posted by Daniil View Post
    Please clarify what toolkit's version do you use?
    Coolite version 0.8.1.987
  6. #6
    Feb 22, 2011, 10:30 AM
    Please add the following script (see <head>) to fix the issue.

    Example
    <%@ Page Language="C#" %>

<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>

<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
        FromDate.SelectedDate = DateTime.Now;
        ToDate.SelectedDate = DateTime.Now;
    }
</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Coolite 0.8.X Example</title>
    <ext:ScriptContainer runat="server" />

    <script type="text/javascript">
        Ext.apply(Ext.form.VTypes, {
            daterange : function (val, field) {
                var date = field.parseDate(val),
                    dispUpd = function (picker) {
                        var ad = picker.activeDate;

                        if (ad) {
                            picker.activeDate = null;
                            picker.update(ad);
                        }
                    };

                if (field.startDateField) {
                    var sd = Ext.getCmp(field.startDateField);

                    if (sd) {
                        sd.maxValue = date;

                        if (sd.menu && sd.menu.picker) {
                            sd.menu.picker.maxDate = date;
                            dispUpd(sd.menu.picker);
                        }
                    }
                } else if (field.endDateField) {
                    var ed = Ext.getCmp(field.endDateField);

                    if (ed) {
                        ed.minValue = date;

                        if (ed.menu && ed.menu.picker) {
                            ed.menu.picker.minDate = date;
                            dispUpd(ed.menu.picker);
                        }
                    }
                }
                return true;
            }
        });
    </script>
</head>
<body>
    <form runat="server">
    <ext:ScriptManager runat="server" />
    <ext:DateField 
        ID="FromDate" 
        runat="server" 
        Width="130" 
        Format="dd-MM-yyyy" 
        Vtype="daterange">
        <CustomConfig>
            <ext:ConfigItem Name="endDateField" Value="#{ToDate}" Mode="Value" />
        </CustomConfig>
    </ext:DateField>
    <ext:DateField 
        ID="ToDate" 
        runat="server" 
        Width="130" 
        Format="dd-MM-yyyy" 
        Vtype="daterange">
        <CustomConfig>
            <ext:ConfigItem Name="startDateField" Value="#{FromDate}" Mode="Value" />
        </CustomConfig>
    </ext:DateField>
    </form>
</body>
</html>
  7. #7
    Feb 22, 2011, 10:34 AM
    Quote Originally Posted by Daniil View Post
    Please add the following script (see <head>) to fix the issue.

    Example
    <%@ Page Language="C#" %>

<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>

<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
        FromDate.SelectedDate = DateTime.Now;
        ToDate.SelectedDate = DateTime.Now;
    }
</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Coolite 0.8.X Example</title>
    <ext:ScriptContainer runat="server" />

    <script type="text/javascript">
        Ext.apply(Ext.form.VTypes, {
            daterange : function (val, field) {
                var date = field.parseDate(val),
                    dispUpd = function (picker) {
                        var ad = picker.activeDate;

                        if (ad) {
                            picker.activeDate = null;
                            picker.update(ad);
                        }
                    };

                if (field.startDateField) {
                    var sd = Ext.getCmp(field.startDateField);

                    if (sd) {
                        sd.maxValue = date;

                        if (sd.menu && sd.menu.picker) {
                            sd.menu.picker.maxDate = date;
                            dispUpd(sd.menu.picker);
                        }
                    }
                } else if (field.endDateField) {
                    var ed = Ext.getCmp(field.endDateField);

                    if (ed) {
                        ed.minValue = date;

                        if (ed.menu && ed.menu.picker) {
                            ed.menu.picker.minDate = date;
                            dispUpd(ed.menu.picker);
                        }
                    }
                }
                return true;
            }
        });
    </script>
</head>
<body>
    <form runat="server">
    <ext:ScriptManager runat="server" />
    <ext:DateField 
        ID="FromDate" 
        runat="server" 
        Width="130" 
        Format="dd-MM-yyyy" 
        Vtype="daterange">
        <CustomConfig>
            <ext:ConfigItem Name="endDateField" Value="#{ToDate}" Mode="Value" />
        </CustomConfig>
    </ext:DateField>
    <ext:DateField 
        ID="ToDate" 
        runat="server" 
        Width="130" 
        Format="dd-MM-yyyy" 
        Vtype="daterange">
        <CustomConfig>
            <ext:ConfigItem Name="startDateField" Value="#{FromDate}" Mode="Value" />
        </CustomConfig>
    </ext:DateField>
    </form>
</body>
</html>
    but these two datefields are in .ascx(web user control) page..
    there is no <head>
  8. #8
    Feb 22, 2011, 10:38 AM
    Quote Originally Posted by Vasudhaika View Post
    but these two datefields are in .ascx(web user control) page..
    there is no <head>
    thank you daniel..its working

Similar Threads

  1. [CLOSED] Date format property set twice when creating Date Picker Menu
    By anup in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: May 09, 2012, 4:28 PM
  2. Error displaying a date in the IE browser with GridPanel
    By Tigra in forum 1.x Help
    Replies: 7
    Last Post: Dec 20, 2010, 1:24 PM
  3. [CLOSED] How to Set Date Format in a Coolite Date Field
    By speedstepmem3 in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Dec 02, 2010, 8:47 AM
  4. displaying date in short format in a grid
    By pearl in forum 1.x Help
    Replies: 2
    Last Post: Dec 19, 2009, 3:14 AM
  5. Date column on GridPanel not displaying
    By lionelhutz in forum 1.x Help
    Replies: 0
    Last Post: Nov 16, 2009, 5:47 PM

Posting Permissions