Question

我一直在寻找一个简单的标准日期时间选择器，许多网站都说：

<input type="datetime" name="formStartDate">

应该生成一个支持的日期时间选择器，但我没有这样的运气，我真的不想经历导入和下载一大堆框架和文档的过程，以实现这样一个简单的功能......

好的，既然它不再受支持，有没有一种简单的方法来获得一个没有大量框架的人？或者是否严重删除它而不提供其他内容？

好的，效果很好！除了我只能有一个在页面上工作，我想要两个。我认为这与这两个片段通过id进行通信并且必须具有唯一性的事实有关。你能帮我多个同一个页面工作吗？

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
<script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
</script>
</head>
<body>

<p>Date: <input type="text" id="datepicker"></p>


</body>
</html>

Answer 1

据W3School称，Chrome，Firefox或Internet Explorer不支持此功能：http://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_datetime

以下是关于他们删除支持的原因的解释：Why is HTML5 input type datetime removed from browsers already supporting it?

你可以在网上找到很多替代方案（使用JavaScript），jQueryUI实现了一个：https://jqueryui.com/datepicker/

Answer 2

看起来像输入类型＆＃39; datetime＆＃39;没有任何流行的浏览器支持。

你可以试试

＆＃13;

<input type='datetime-local' name="formStartDate">

＆＃13;

代替。 Chrome，Safari和Opera支持哪种功能，但IE或Firefox不支持

来源：http://www.w3schools.com/html/html_form_input_types.asp

Answer 3

我使用Eonasdan的datetimepicker实现here。对我来说，每页有多个选择器就像将它们附加到页面上的不同#id一样简单。

这是我用来实现四个日期时间选择器的内容。第一个（作业）从模板引擎加载现有数据，第二个默认为当前日期级别信息和常量时间的混合。

$(function () {
        var d = new Date();
        var month = d.getMonth();
        var day = d.getDate();
        var year = d.getFullYear();

        $('#jobDateStart').datetimepicker({
            defaultDate: moment("{{ $data['job_info']['start_date'] }}",'m/d/Y H:i:s')
        });
        $('#jobDateEnd').datetimepicker({
            defaultDate: moment("{{ $data['job_info']['end_date'] }}",'m/d/Y H:i:s')
        });
        $('#dayDateStart').datetimepicker();
        $("#dayDateStart").data("DateTimePicker").date(new Date(year, month, day, 7, 00));
        $('#dayDateEnd').datetimepicker();
        $("#dayDateEnd").data("DateTimePicker").date(new Date(year, month, day, 17, 00));
});

浏览器是否不再支持日期时间选择器？

3 个答案: