ASP.NET MVC Input typer

Tænk, jeg anede ikke engang at der var et HTML date element %)

Dit scenarie er en anelse mere komplekst, end det der er i MVC som default. Modelbinderen skulle fint kunne læse en værdi i et tekstfelt fra jQuery timepickeren som en datetime, så det er kun HTML helperen der skal udvides.

Ved at lave en extension til HTML helperen, kan du få den til at gøre det du vil. Dog skal du kalde en anden metode en EditorFor.

Afprøvede lige det jeg skrev du skulle, med en DataType.Date, og det giver en input="date":

 [DataType(DataType.Date)]
 public DateTime Date { get; set; }

edit: Her er source til testprojektet. Controlleren hedder Test, så du kan finde testsiden på host/Test.

Koden finder du her

Var måske ikke helt klar i mit første indlæg - min telefon ringede i mens jeg prøvede at finde navnet på DataType attributten, min gamle bedstemor ville invitere på fødselsdagskaffe.

Du kan gøre det på det to måder:

1. Vær mere specifik i dit view. F.eks. en checkbox:

 @Html.CheckBoxFor(model => model.SomeBoolean)

2. Definer hvad inputtyper der skal vises i din modelklasse ved hjælp af attributter. Nedenstående er taget fra denne side.

 public class Album
      {
           [ScaffoldColumn(false)]
           public int AlbumId { get; set; }
 
           [DisplayName("Genre")]
           public int GenreId { get; set; }
 
           [DisplayName("Artist")]
           public int ArtistId { get; set; }
 
           [Required(ErrorMessage = "An Album Title is required")]
           [DisplayFormat(ConvertEmptyStringToNull = false)]
           [StringLength(160, MinimumLength = 2)]
           public string Title { get; set; }
 
           [Required(ErrorMessage = "Price is required")]
           [Range(0.01, 100.00, ErrorMessage = "Price must be between 0.01 and 100.00")]
           [DataType(DataType.Currency)]
           public decimal Price { get; set; }
 
           [DisplayName("Album Art URL")]
           [DataType(DataType.ImageUrl)]
           [StringLength(1024)]
           public string AlbumArtUrl { get; set; }
 
           public virtual Genre Genre { get; set; }
 
           public virtual Artist Artist { get; set; }
      }

Det andet eksempel viser også hvordan man opsætte valideringsbetingelser..

@Nicky
Tak for hjælpen, men var mere ment som at det den generer er et tekstfelt.
Min type er Datetime, som den giver en input type="text" for med formattet 01/01/0001 00:00:00 som standart værdi, som endda giver en valideringsfejl.
Jeg havde forventet den i det mindste ville kunne give input type="date" som vil give det samme i alle browsere undtagen Safari som faktisk kan rendere en popup for dig, og så at browseren selv validerer inputtet.

Mit problem er så at jeg ikke ved hvordan jeg kan erstatte

 @Html.EditorFor(model => model.StartDato)

med

 <input id="StartDato" name="StartDato" type="date">
 <script>
 $(function () {
                  //jQuery datepicker hjælp fordi browserne ikke selv kan lave det
                  $("#StartDato").datepicker();
                  $("#SlutDato").datepicker();
              });
 </script>

og så får værdien af det indtastede i StartDato over til min controller på en smart måde?

@Nicky
Tak for hjælpen, men når jeg poster det tilbage så giver valideringen stadig fejl.
"01-01-2001" giver min fejlmeddelelse ved valideringen "The field Start dato must be a date.".
Det viser sig at det er fordi at formattet ikke er defineret og så laver runtime den automatisk til dansk tidsformat, men når den skal valideres så skal den stå som amerikansk.
Så "01-01-2001" det den sætter som standart værdi, men skal ændres 2001-01-01 for ikke at få valideringsfejlen.
Så har læst lidt om at man kan definere formattet og håber det kan hjælpe på det så formattet kan blive valideret.

UPDATE
Tilføjede
Thread.CurrentThread.CurrentUICulture = new CultureInfo("da-DK");
til global.asax
og i min model tilføjede jeg
[DisplayFormat(DataFormatString = "{0:dd-MM-yyyy}", ApplyFormatInEditMode = true)]
Så laver den automatisk formattet om til 01-01-0001 for dig som ikke giver valideringsfejl.
Så nu er next step nogle min og max-værdier - altså at man ikke kan lave en dato der er "for lille" og heller ikke en der er større end dags dato.

Tak for hjælpen Nicky!

MVC kører som standard efter browserens sprogindstillinger.

Du kan ændre sproget/kulturen, ved at ændre det for den tråd som forespørgslen bliver afviklet af.

 protected void Application_AcquireRequestState(object sender, EventArgs e) 
 {
    //lang erstattes af "en" eller "en-US", kan ikke huske hvilken, da dette er en del af en mere kompliceret løsning
    CultureInfo ci = new CultureInfo(lang);
 
    System.Threading.Thread.CurrentThread.CurrentUICulture = ci;
    System.Threading.Thread.CurrentThread.CurrentCulture = CultureInfo.CreateSpecificCulture(ci.Name);
 }

Tilføj ovenstående metode i Global.asax og ændre lang variablen til en string som beskrevet i koden. Dette er fra MVC4. Mener ikke metoden hedder det samme i MVC3 og tidligere.

edit: Dette skal dub selvfølgelig kun gøre, hvis hele webapplikationen skal være engelsk!

edit v2: Godt at se du fik det til at virke