Question

我正在尝试在我的网站中使用HTML 5日期选择器标记。但是这个标签不支持Mozilla＆amp; IE浏览器。你能不能在IE和Mozilla中分享我的任何hack来使用这段代码。

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

Answer 1

只有Chrome，Opera，Safari和Android Browser 4.4 +

支持日期

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

Answer 2

你可以在Mozilla的情况下使用jQuery日期选择器：使用$ .browser.mozilla检查浏览器，但它在jQuery＆gt; 1.9中不起作用，所以你必须使用jQuery Migration，如下所示：

     <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>

Answer 3

Mozilla Firefox不支持HTML5的DatePicker标记。但是，您可以通过添加几个.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/

Answer 4

第一，要回答OP，提问者要做的事情是不可能的。 Javascript是必需的。第二，虽然webshim看起来很棒，但它与bootstrap的作用非常相似。为此，您将要使用http://eonasdan.github.io/bootstrap-datetimepicker/

Answer 5

别忘了这样的doctype：

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>

Firefox和Mozilla不支持Date-HTML5！它很快就会支持。

但它会在 Google-Chrome，Opera和Safari

上顺利运作

Answer 6

只需使用datepicker polyfill即可。这是一个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" />

日期选择器html5标记不适用于Mozilla，IE浏览器。但它仅适用于Chrome

6 个答案: