datepicker

=Datepicker=


 * Forma parte de jQuery UI
 * sus librerías deben estar referenciadas

Ejemplo en ASP.NET MVC
En este ejemplo se usa DatePicker solamente para poner un calrndario, y la validación se realiza mediante ASP.NET ValidationAttribute

code format="html4strict" " rel="stylesheet" type="text/css" /> " type="text/javascript" > " type="text/javascript"> code code format="csharp" using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using System.ComponentModel; using System.ComponentModel.DataAnnotations;
 * Site.Master**
 * referenciar las librerías
 * Modelo FechaModel.cs**
 * En el modelo está la propiedad Fecha que se asociará con el campo Fecha d ela vista
 * También incluimos la clase que valida que el formato de la fecha es correcta, mediante un try-catch en la conversión

namespace MvcApplication4.Models {   public class FechaModel {       #region Properties

//date selection [DisplayName("Fecha")] [DateRangeAttribute] public string Fecha { get; set; } #endregion

}

[AttributeUsage(AttributeTargets.Property)] public sealed class DateRangeAttribute : ValidationAttribute {       public override bool IsValid(object value) {           if (value != null) {               try {                   Convert.ToDateTime(value); return true; }               catch {                   return false; }           }            return false; }   }

} code

code format="csharp" [HttpGet] public ActionResult Fecha {           FechaModel oModel = new FechaModel;
 * Acciones en el Controller**

return View(oModel); }

[HttpPost] public ActionResult Fecha(FechaModel oModel) {           if (ModelState.IsValid) {               return RedirectToAction("Index"); }           else return View(oModel); } code

code format="asp" <%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>
 * Vista Fecha.aspx**



Fecha

<% using (Html.BeginForm) { %>

<%: Html.LabelFor(model => model.Fecha) %> <%: Html.TextBoxFor(model => model.Fecha, new { @class = "claseDate", style = "width:75px;", maxlength = "10" })%>

 <%: Html.ValidationMessageFor(model => model.Fecha, "fecha no es correcta") %>

<% } %>

 code


 * JavaScript**
 * Puede incluirse en Fecha.aspx o en Site.Master o en una librería js externa
 * se ocupa de inicializar el tag con clase //claseDate// al terminar la carga del DOM de la página, asociándole //datepicker//

code format="javascript"  $(document).ready(function {    $('.claseDate').datepicker; }); code