• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 6615
  • Last Modified:

MVC 5 Bootstrap datepicker in IE/Firefox

Hi

I have a MVC 5 website made using Razor layout and Bootstrap. I have a datepicker on my page, which works perfectly in Chrome, but not at all in Internet Explore 10/11 or in FireFox (latest version).

I have the following code in my View:

<div class="row">
    <div class="col-sm-4">
      <div class="form-group">
        <div class="input-append date" id="dpFromDate" data-date="13-02-2012" data-date-format="dd-mm-yyyy">
          @Html.LabelFor(m => m.FromDate)
          <input type="date" id="FromDate" value="13-02-2012" class="form-control" />
          <div class="description">Datoen skal være i formatet dd-MM-åååå</div>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="input-append date" id="dp3" data-date="14-02-2012" data-date-format="dd-mm-yyyy">
        <div class="form-group">
          @Html.LabelFor(m => m.ToDate)
          <input type="date" id="startdato" value="14-02-2012" class="form-control" />
          <div class="description">Datoen skal indtastes i formatet dd-mm-åååå</div>
        </div>
      </div>
    </div>
  </div>

Open in new window


As mentioned the datepicker works in Chrome, but in IE and Firefox it is just a "dumb" input field.

Does anyone know how to make it work in IE and Firefox?

/Søren
0
poultarp
Asked:
poultarp
1 Solution
 
guru_samiCommented:
Html5 input type="date" is not supported in IE and FF.
html5 Date input supporthttp://www.w3schools.com/html/html5_form_input_types.asp

On how to make it work, you can use some external plugins e.g.: http://www.eyecon.ro/bootstrap-datepicker/
0
 
poultarpAuthor Commented:
Well - guess that explains it!

Thanks for the link to the plugin.
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now