Javascript 如何制作';滑动div标签';在js/jQuery中
我正在寻找新的日期时间选择器看起来像android上的日期时间选择器。我在谷歌上搜索并找到了它。Javascript 如何制作';滑动div标签';在js/jQuery中,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在寻找新的日期时间选择器看起来像android上的日期时间选择器。我在谷歌上搜索并找到了它。 但我不知道它是怎么工作的。我想举个简单的例子。任何人都可以帮助我。演示文件夹中有一些示例 <!DOCTYPE html> <html> <head> <title>Time - AnyPicker</title> <meta name="viewport" content="width=dev
但我不知道它是怎么工作的。我想举个简单的例子。任何人都可以帮助我。演示文件夹中有一些示例
<!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>
时间选择器
身体{
边际:0px;
}
.输入控制{
宽度:300px;
填充:20px;
}
输入{
宽度:200px;
高度:30px;
填充:3x10px;
边缘底部:16px;
}
$(“#ip安卓”)。任意选取者(
{
模式:“日期时间”,
dateTimeFormat:“hh:mm aa”,
主题:“安卓”
});
});
时间:(安卓)
你的问题太模糊了。谢谢你的帮助。但我的意思是,它只是用jquery和javascript编码。我想知道任何一个采摘者是如何做到这一点的。