Gridview date picker javascript

Description

utilisation d un date picker en javascript dans une gridview en edition

insertion des donnes grace au footer

Source / Exemple :


using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.ComponentModel;

namespace DatePiker
{
    [ValidationPropertyAttribute("CalendarDateString")]
    public partial class Calendar_Date : System.Web.UI.UserControl
    {
        // date format used by the calendar control
        private const string DateFormat = "dd/MM/yyyy";

        protected void Page_Load(object sender, EventArgs e)
        {
            string scriptStr = "javascript:return popUpCalendar(this, '" + ResolveUrl("cal") + "/', document.getElementById('" + getClientID() + @"'), '" + DateFormat + "')";
            imgCalendar.Attributes.Add("onclick", scriptStr);
        }

        // Get the id of the control rendered on client side
        // Very essential for Javascript Calendar scripts to locate the textbox
        public string getClientID()
        {
            return txt_Date.ClientID;
        }

        [Category("Appearance")]
        [Description("CSS class name applied to the text box.")]
        [Browsable(true)]
        public string TextCssClass
        {
            get { return txt_Date.CssClass; }
            set { txt_Date.CssClass = value; }
        }

        /// <summary>
        /// Gets or sets the content of the textbox which represents a date.
        /// </summary>
        [Bindable(true, BindingDirection.TwoWay)]
        [Browsable(true)]
        public string CalendarDateString
        {
            get
            {
                return txt_Date.Text;
            }
            set
            {
                txt_Date.Text = value;
                DateTime date;
                if (DateTime.TryParseExact(value, DateFormat, null, System.Globalization.DateTimeStyles.None, out date))
                {
                    if (date.Date == DateTime.MaxValue.Date)
                    {
                        txt_Date.Text = "";
                    }
                }
            }
        }

        /// <summary>
        /// Gets or sets a DateTime representation of the currently selected date.
        /// </summary>
        [Bindable(true, BindingDirection.TwoWay)]
        [Browsable(true)]
        public DateTime CalendarDate
        {
            get
            {
                DateTime date;
                if (DateTime.TryParseExact(txt_Date.Text, DateFormat, null, System.Globalization.DateTimeStyles.None, out date))
                {
                    return date;
                }
                return DateTime.MaxValue;
            }
            set
            {
                txt_Date.Text = value.ToString(DateFormat);
            }
        }
    }

}

Codes Sources

A voir également

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.