如何在 js / jQuery 中制作“滑动 div 标签”答案

【问题标题】：How to make 'Swipe div tag' in js / jQuery如何在 js / jQuery 中制作“滑动 div 标签”
【发布时间】：2019-04-13 11:28:23
【问题描述】：

我正在寻找新的日期时间选择器，看起来像 android 上的日期时间选择器。我在谷歌上搜索并找到了它。 https://nehakadam.github.io/AnyPicker/

但我不知道它是如何工作的。我想做一个这样的简单例子。请任何人帮助我。

【问题讨论】：

你的问题太模糊了。 stackoverflow.com/help/how-to-ask

标签： javascript jquery html css

【解决方案1】：

demo 文件夹中的GitHub repository 中有一些示例。

<!DOCTYPE html>
<html>
    <head>
        <title>Time - AnyPicker</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="msapplication-tap-highlight" content="no" />
        <style type="text/css">
            body {
                margin: 0px;
            }

            .input-cont {
                width: 300px;
                padding: 20px;
            }

            input {
                width: 200px;
                height: 30px;
                padding: 3px 10px;
                margin-bottom: 16px;
            }
        </style>
        <link rel="stylesheet" type="text/css" href="../src/anypicker-font.css" />
        <link rel="stylesheet" type="text/css" href="../src/anypicker.css" />
        <link rel="stylesheet" type="text/css" href="../src/anypicker-ios.css" />
        <link rel="stylesheet" type="text/css" href="../src/anypicker-android.css" />
        <link rel="stylesheet" type="text/css" href="../src/anypicker-windows.css" />
        <script type="text/javascript" src="vendors/jquery-1.11.1.min.js"></script>
        <script type="text/javascript" src="../src/anypicker.js"></script>
        <script type="text/javascript">
            $("#ip-android").AnyPicker(
                {
                    mode: "datetime",
                    dateTimeFormat: "hh:mm aa",

                    theme: "Android"
                });
            });
        </script>
    </head>
    <body>
        <table class="input-cont">
            <tr>
                <td>Time : (Android)</td>
            </tr>
            <tr>
                <td>
                    <input type="text" id="ip-android" readonly>
                </td>
            </tr>
        </table>
    </body>
</html>

【讨论】：

感谢您的帮助。但我的意思是只是用 jquery 和 javascript 编码。我想知道 anypicker 是如何做到这一点的。