MVC Daten Anmerkungen entsprechende Datetime Picker zeigt, die nicht in Firefox

Question

Ich habe ein Modell wie diese

public class Movie 
{ 
    public int ID { get; set; } 

    [StringLength(60, MinimumLength = 3)] 
    public string Title { get; set; } 

    [Display(Name = "Release Date")] 
    [DataType(DataType.Date)] 
    [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-dd}")] 
    public DateTime ReleaseDate { get; set; } 

    .... 
} 

und diese Eigenschaft der Datetime sollte einen Datetime-Picker in allen Browsern machen, aber es geschieht nicht in Firefox (Version 38.0.5) es funktioniert in Google Chrome, gibt es eine Lösung dafür?

[Display(Name = "Release Date")] 
[DataType(DataType.Date)] 
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-dd}")] 
public DateTime ReleaseDate { get; set; }** 

Ansicht Code

@model MVCMovie.Models.Movie 
.... 
@using (Html.BeginForm()) 
{ 
    @Html.AntiForgeryToken() 
    <div class="form-group"> 
     @Html.LabelFor(model => model.Title, new { @class = "control-label col-md-2" }) 
     <div class="col-md-10"> 
      @Html.EditorFor(model => model.Title) 
      @Html.ValidationMessageFor(model => model.Title) 
     </div> 
    </div> 
    <div class="form-group"> 
     @Html.LabelFor(model => model.ReleaseDate, new { @class = "control-label col-md-2" }) 
     <div class="col-md-10"> 
      @Html.EditorFor(model => model.ReleaseDate) 
      // @Html.TextBoxFor(model => model.ReleaseDate, new { @class = "form-control datepicker", placeholder = "Enter Drop-off date here..." }) 
      @Html.ValidationMessageFor(model => model.ReleaseDate) 
     </div> 
    </div> 
    .... 
} 

@section Scripts { 
    @Scripts.Render("~/bundles/jqueryval") 
    <script type="text/javascript"> 
     /* ... */ 
     if (!Modernizr.inputtypes.date) { 
      $('.datepicker').datepicker(); 
     } 
    </script> 
} 

Answer 1

änderte ich mein Modell wie dieses

public class Movie 
    { 
     public int ID { get; set; } 

     [StringLength(60, MinimumLength = 3)] 
     public string Title { get; set; } 

     [Required] 
     [Display(Name = "Release Date")] 
     //[DataType(DataType.Date)] 
     [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-dd}")] 
     public DateTime ReleaseDate { get; set; } 

     ..... 
    } 

hinzugefügt jQueryUI NuGet Paket

ein Bündel erstellt wie diese

und in der Ansicht hinzugefügt, um diese Abschnitte in den unteren

@section Scripts { 

@Scripts.Render("~/bundles/jqueryui") 
@Styles.Render("~/Content/cssjqryUi") 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('input[type=datetime]').datepicker({ 
      dateFormat: "dd/M/yy", 
      changeMonth: true, 
      changeYear: true, 
      yearRange: "-60:+0" 
     }); 

    }); 
</script> 
} 

es jetzt

arbeitet