日期选择器html5标记不适用于Mozilla，IE浏览器。但它只能在Chrome上工作

我正在尝试在我的网站中使用HTML 5日期选取器标记。但是这个标签不支持Mozilla & IE。你可以请我分享我任何破解工作在IE和Mozilla的代码。日期选择器html5标记不适用于Mozilla，IE浏览器。但它只能在Chrome上工作

我只想使用HTML5。我不想去寻找JavaScript。

来源

2014-07-03 user3801514

不要忘记DOCTYPE是这样的：

<!DOCTYPE html> 
<html> 
<body> 

<form action="demo_form.asp"> 
    Birthday: <input type="date" name="bday"> 
    <input type="submit"> 
</form> 

</body> 
</html>

Firefox和Mozilla不会不支持日期，HTML5！它很快就会支持。

但它会顺利工作在谷歌铬，Opera和Safari

来源

2014-07-03 12:02:44 Suresh

Eirenaios我只使用这个标签，但是我IE和Mozilla不支持这个标签。那么你能告诉我任何css破解吗？ – user3801514

jQuery UI只是HTML5的方式 – Suresh

日期仅在铬，歌剧，Safari和Android浏览器支持4.4+

http://beta.caniuse.com/#search=date

来源

2014-07-03 12:55:48

只需使用日期选择器填充。这里是一个demo。

<script src="js/jquery.js"></script> 
<script src="js-webshim/minified/polyfiller.js"></script> 

<script> 
    //webshim.setOptions('basePath', '/js-webshim/minified/shims/'); 

    //request the features you need: 
    webshim.polyfill('es5 mediaelement forms'); 

    $(function(){ 
    // use all implemented API-features on DOM-ready 
    }); 
</script> 

<input type="date" />

来源

2014-07-08 14:41:21

你可以在Mozilla的情况下，用户jQuery的日期选择器：使用$ .browser.mozilla检查浏览器，但它不会在jQuery的> 1.9工作，所以你必须使用jQuery的迁移，如下图所示：

 <script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
     <script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>//jQuery migration 
    <script> 
     if ($.browser.mozilla) 
    { 
     if ($('.datepicker')[0].type != 'date') $('.datepicker').datepicker(); 
     $(function() { 
      $(".datepicker").datepicker({ 
       changeMonth: true, 
       changeYear: true, 
       yearRange: "1900:2015", 
       dateFormat: "yy-mm-dd", 
       defaultDate: '1900-01-01' 
      }); 
     }); 
    } 

</script>

来源

2015-02-06 05:10:10

请注意，OP说*我只想使用HTML5。我不想去寻找JavaScript。* – J0e3gan

是的DatePicker Mozilla Firefox不支持HTML5标签。但是，您可以通过添加几个.js文件在您的网站中使用DatePicker。

下面是我使用一些.js文件的小提琴。此代码可以在Chrome和Mozilla上正常使用。

<script> 
$(function() { 
$("#datepicker").datepicker(); 

}); 
</script> 
</head> 
<body> 
<p>Your Selected date Is : <input type="text" id="datepicker"></p>

http://jsfiddle.net/Vq65z/504/

来源

2015-08-31 11:55:26

请注意，[只有链接的答案]（http://meta.stackoverflow.com/tags/link-only-answers/info）不鼓励，所以答案应该是结束寻找解决方案的点（相对于另一个参考点的中途停留时间，随着时间的推移它会趋于失效）。请考虑在此添加独立的摘要，并将链接保留为参考。 – kleopatra

好吧，我知道你想说什么。实际上我是新的stacoverflow这是我不知道回答溢出的问题。 thanx建议＃t3chb0t。 –

我希望我编辑的答案是正确的。 –

1，回答OP，有什么提问者被要求做的是不可能的。需要Javascript。第二，虽然webshim看起来不错，但它的工作可怕的是bootstrap。为此，您需要使用http://eonasdan.github.io/bootstrap-datetimepicker/

来源

2015-11-24 22:12:26

日期选择器html5标记不适用于Mozilla，IE浏览器。但它只能在Chrome上工作

回答

相关问题