objectgraph  Go Back

ASP.NET DatePicker

Demo

Top

Download

Top

How to use

  1. Download the installer file
  2. Close Visual Studio.NET if it is running
  3. Double click and install
  4. Start Visual Studio.NET
  5. Open .aspx page and Open Toolbox
  6. Drag and Drop OGDatePicker from "ObjectGraph" tab

    Just drag and drop!

Top

Sample Code

Demo.aspx




<%@ Register TagPrefix="cc1" Namespace="ObjectGraph.WebControls" Assembly="OGDatePicker" %>
<%@ Page language="c#" Codebehind="Demo.aspx.cs" AutoEventWireup="false" Inherits="OGDatePickerTest2.Demo" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
  <HEAD>
<title>Demo</title>
    <meta name=vs_snapToGrid content="False">
<meta name=vs_showGrid content="True">
    <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
    <meta name="CODE_LANGUAGE" Content="C#">
    <meta name=vs_defaultClientScript content="JavaScript">
    <meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">
  </HEAD>
  <body MS_POSITIONING="GridLayout">
    
    <form id="Form1" method="post" runat="server">
    <IMG 
    style="Z-INDEX: 107; LEFT: 48px; POSITION: absolute; TOP: 24px" alt="" 
    src="http://objectgraph.com/img/logo.jpg">
    <DIV 
    style="DISPLAY: inline; Z-INDEX: 108; LEFT: 208px; WIDTH: 248px; POSITION: absolute; TOP: 32px; HEIGHT: 38px" 
    ms_positioning="FlowLayout"><STRONG>DatePicker 
    Demo</STRONG>&nbsp;&nbsp;&nbsp;<a href="../products.html#datepicker">Go back</a>
    </DIV>

    <cc1:OGDatePicker id=OGDatePicker1 style="Z-INDEX: 101; LEFT: 107px; POSITION: absolute; TOP: 136px" runat="server" 
    ClientScriptLocation="myscript/ogcalendar.js" ImageLocation="myscript/ogcalendar.gif"></cc1:OGDatePicker>

    <cc1:OGDatePicker id=OGDatePicker2 style="Z-INDEX: 102; LEFT: 400px; POSITION: absolute; TOP: 141px" runat="server" 
    ClientScriptLocation="myscript/ogcalendar.js" ImageLocation="myscript/ogcalendar.gif" Width="139px" 
    Text="Y-m-d format" DateFormat="Y-m-d"></cc1:OGDatePicker>

    <cc1:OGDatePicker id=OGDatePicker3 style="Z-INDEX: 103; LEFT: 106px; POSITION: absolute; TOP: 206px" runat="server" 
    ClientScriptLocation="myscript/ogcalendar.js" ImageLocation="myscript/custom.gif" Width="233px" Text="You can customize color schema" 
    DateFormat="D:Y.m.d" CalTodayBgColor="Red" CalTodayForeColor="SeaShell" CalTopButtonBgColor="DimGray" 
    CalTopButtonForeColor="Gainsboro" CalTopTitleBgColor="DimGray" CalTopTitleForeColor="WhiteSmoke" CalWeekBgColor="Wheat" 
    CalBgColor="DimGray" CalBottomBorderColor="Gainsboro" CalBottomButtonBgColor="Gainsboro" CalBottomButtonForeColor="Gainsboro" 
    CalOtherMonthBgColor="Gray"></cc1:OGDatePicker>

    <cc1:OGDatePicker id=OGDatePicker4 style="Z-INDEX: 104; LEFT: 400px; POSITION: absolute; TOP: 201px" runat="server" 
    ClientScriptLocation="myscript/ogcalendar.js" ImageLocation="myscript/ogcalendar.gif" Width="139px" Text="m/d (D) format" 
    DateFormat="m/d (D)"></cc1:OGDatePicker><asp:Label id=Label1 style="Z-INDEX: 105; LEFT: 107px; POSITION: absolute; TOP: 255px" 
    runat="server" Width="266px" Height="166px">Label</asp:Label><asp:Button id=Button1 
    style="Z-INDEX: 106; LEFT: 401px; POSITION: absolute; TOP: 258px" runat="server" Width="174px" Text="Submit" Height="48px"></asp:Button>
     </form>
    
  </body>
</HTML>

 

Top

Demo.aspx.cs



using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;

namespace OGDatePickerTest2
{
    /// <summary>
    /// Summary description for Demo.
    /// </summary>
    public class Demo : System.Web.UI.Page
    {
        protected System.Web.UI.WebControls.Label Label1;
        protected System.Web.UI.WebControls.Button Button1;
        protected ObjectGraph.WebControls.OGDatePicker Ogdatepicker2;
        protected ObjectGraph.WebControls.OGDatePicker Ogdatepicker3;
        protected ObjectGraph.WebControls.OGDatePicker Ogdatepicker4;
        protected ObjectGraph.WebControls.OGDatePicker Ogdatepicker1;
        private void Page_Load(object sender, System.EventArgs e)
        {
            Ogdatepicker1.Text = DateTime.Now.ToString("yyyy/M/dd");
        }

        #region Web Form Designer generated code
        override protected void OnInit(EventArgs e)
        {
            //
            // CODEGEN: This call is required by the ASP.NET Web Form Designer.
            //
            InitializeComponent();
            base.OnInit(e);
        }
        
        /// <summary>
        /// Required method for Designer support - do not modify
        /// the contents of this method with the code editor.
        /// </summary>
        private void InitializeComponent()
        {    
            this.Button1.Click += new System.EventHandler(this.Button1_Click);
            this.Load += new System.EventHandler(this.Page_Load);

        }
        #endregion

        private void Button1_Click(object sender, System.EventArgs e) {
            Label1.Text = "";
            Label1.Text += Ogdatepicker1.Text + "<BR>";
            Label1.Text += Ogdatepicker2.Text + "<BR>";
            Label1.Text += Ogdatepicker3.Text + "<BR>";
            Label1.Text += Ogdatepicker4.Text + "<BR>";

        }
    }
}

Top

Screen Shots

Windows IE
Windows Firefox
Windows Opera
Windows Netscape
Linux Firefox
Linux Konqueror
     

 


Top

Go Back