angular js-Eingang Datum auf firefox

Wie bereits in W3Schools, der HTML5 - input date wird in Firefox nicht unterstützt. Daher werden alle input date werden einfach input text im Firefox, als auch IE.

Also, wenn du nur IE und Firefox, können Sie ein jQuery datepicker. Verwenden diese für Ihre timepicker.

Auch ein anderer Weg, aber nicht so schön, ist mit <select> tags.

Unten habe ich verwendet, JS (ohne jQuery) und HTML-Kenntnisse zu erstellen, die datepicker und timepicker. Außerdem habe ich auch ein "Bestätigen" - Taste zum bestätigen der Werte von Datum, was bedeutet, dass "31 Jan 2012" und "29 Feb 2014" wird als ungültig betrachtet werden.

HTML:

<table><tr><td>Event Date: </td><td> <select id="startday"></select><select id="startmonth">
<option value="01">Jan</option>
<option value="02">Feb</option>
<option value="03">Mar</option>
<option value="04">Apr</option>
<option value="05">May</option>
<option value="06">Jun</option>
<option value="07">Jul</option>
<option value="08">Aug</option>
<option value="09">Sep</option>
<option value="10">Oct</option>
<option value="11">Nov</option>
<option value="12">Dec</option>
</select> <select id="startyear"></select></td></tr>
<tr><td>Event Time:</td><td> <select id="starthrs"></select><select id="startmins"></select> &nbsp; [24 hrs clock]</td></tr>
</table><br><br>
<input type="button" id="validate" value="Validate"> &nbsp; <a style="color: Red;" id="error"></a>

JS:

for(var i = 0; i < 24; i++) {
var s = i.toString();
if(s.length == 1) {
    s = "0" + s; 
}
document.getElementById("starthrs").innerHTML += ("<option value='" + i + "'>" + s + "  </option>");
}
for(var i = 0; i < 60; i++) {
var s = i.toString();
if(s.length == 1) {
    s = "0" + s; 
}
document.getElementById("startmins").innerHTML += ("<option value='" + i + "'>" + s + "  </option>");
}
for(var i = 1; i < 32; i++) {
var s = i.toString();
if(s.length == 1) {
    s = "0" + s;
}
document.getElementById("startday").innerHTML += ("<option value='" + s + "'>" + i + "  </option>");
}

for(var i = new Date().getFullYear(); i < (new Date().getFullYear() + 11); i++) {
document.getElementById("startyear").innerHTML += ("<option value='" + i + "'>" + i + "  </option>");
  }
function ddlValue(id) {
var e = document.getElementById(id);
var strUser = e.options[e.selectedIndex].value;
return strUser;
}
//Validate date
function isDate(ExpiryDate) { //MM/DD/YYYY format
var objDate,  //date object initialized from the ExpiryDate string 
    mSeconds, //ExpiryDate in milliseconds 
    day,      //day 
    month,    //month 
    year;     //year 
//date length should be 10 characters (no more no less) 
if (ExpiryDate.length !== 10) { 
    return false; 
} 
//third and sixth character should be '/' 
if (ExpiryDate.substring(2, 3) !== '/' || ExpiryDate.substring(5, 6) !== '/') { 
    return false; 
} 
//extract month, day and year from the ExpiryDate (expected format is mm/dd/yyyy) 
//subtraction will cast variables to integer implicitly (needed 
//for !== comparing) 
month = ExpiryDate.substring(0, 2) - 1; //because months in JS start from 0 
day = ExpiryDate.substring(3, 5) - 0; 
year = ExpiryDate.substring(6, 10) - 0; 
//test year range 
if (year < 1000 || year > 3000) { 
    return false; 
} 
//convert ExpiryDate to milliseconds 
mSeconds = (new Date(year, month, day)).getTime(); 
//initialize Date() object from calculated milliseconds 
objDate = new Date(); 
objDate.setTime(mSeconds); 
//compare input date and parts from Date() object 
//if difference exists then date isn't valid 
if (objDate.getFullYear() !== year || 
    objDate.getMonth() !== month || 
    objDate.getDate() !== day) { 
    return false; 
} 
//otherwise return true 
return true; 
}
document.getElementById("validate").onclick = function() {
var startday = parseInt(ddlValue("startday"));
var startmonth = parseInt(ddlValue("startmonth"));
var startyear = parseInt(ddlValue("startyear"));
var starthrs = parseInt(ddlValue("starthrs"));
var startmins = parseInt(ddlValue("startmins"));
//Invalid date
if(!isDate(ddlValue("startmonth") + "/" + ddlValue("startday") + "/" + ddlValue("startyear"))) {
    document.getElementById("error").innerHTML = "Invalid date";
    return;
}
document.getElementById("error").innerHTML = "";
}

Fiddle. Hoffe, das hat geholfen.