h5实现日期时间选择器

以下是基于jQuery实现的H5移动端日期时间选择器的示例代码：

<!-- 引入jQuery库 -->
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

<!-- 引入日期时间选择器插件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/jquery-mobile/1.4.5/jquery.mobile.min.css">
<script src="https://cdn.bootcss.com/jquery-mobile/1.4.5/jquery.mobile.min.js"></script>

<!-- 创建日期时间选择器 -->
<input type="text" id="datetimepicker" data-role="datebox" data-options='{"mode":"datetimeflipbox"}'>
<!-- 初始化日期时间选择器 -->
<script>
    $(document).on("pagecreate", function () {
        $("#datetimepicker").datebox({
            mode: "datetimeflipbox",
            useNewStyle: true,
            useFocus: true,
            overrideDateFormat: "%Y-%m-%d %H:%M:%S"
        });
    });
</script>

上述代码中，我们引入了jQuery库和日期时间选择器插件，然后创建了一个文本输入框，并将其转换为日期时间选择器。最后，我们使用jQuery代码初始化了日期时间选择器，并设置了一些选项，例如选择器模式、日期时间格式等。