热门标签
热门文章
- 1linux加速访问github的方法（2023.12.2）_linux的github加速
- 2从零学习Linux操作系统 第二十二部分 企业域名解析服务的部署及安全优化
- 3初学：selenium自动化登录qq邮箱，switch_to_selenium qq邮箱
- 4抄代码对提升编程能力有用吗？
- 5阿里一P7员工为证明自己年入百万，晒出工资，却被网友..._阿里p7薪资
- 6区块链运行原理_区块链运行机制
- 7FastDFS+Nginx - 本地搭建文件服务器同时实现在外远程访问「内网穿透」
- 8HCIA——11计算机网络分层结构——OSI/ISO、TCP/IP
- 9Unity面试题
- 10前端（二十一）——WebSocket：实现实时双向数据传输的Web通信协议_websocket前端
当前位置: article > 正文
weui 时间控件含全天 上午 下午 选择_带上下午的时间控件
作者：Gausst松鼠会 | 2024-02-16 23:10:27
赞
踩
带上下午的时间控件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>请假</title>
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<link rel="stylesheet" href="weui.css"/>
<link rel="stylesheet" href="example.css"/>
<script type="text/javascript" src="jquery-2.1.0.min.js"></script>
<script src="jquery-weui.min.js" charset=utf-8></script>
<link rel="stylesheet" href="jquery-weui.css">
<script>
$(function(){
$("#endtime").datetimePicker({
times: function () {
return [
{
values: ['全天','上午', '下午']
}
];
},
value: '2017-08-09 全天',
onChange: function (picker, values, displayValues) {
console.log(values);
}
});
$("#begintime").datetimePicker({
times: function () {
return [
{
values: ['全天','上午', '下午']
}
];
},
value: '2017-08-09 全天',
onChange: function (picker, values, displayValues) {
console.log(values);
}
});
});
</script>
</head>
<body>
<div class="weui_cells weui_cells_access">
<a class="weui_cell" href="javascript:;">
<div class="weui_cell_bd weui_cell_primary">
<p>开始时间</p>
</div>
<div class="weui_cell_ft">
<input type="text" class="weui-input" id='begintime' placeholder="请选择日期" style="border:0px; text-align:right; font-size:14px; color:Silver" /></div>
</a>
<a class="weui_cell" href="javascript:;" >
<div class="weui_cell_bd weui_cell_primary">
<p>结束时间</p>
</div>
<div class="weui_cell_ft"> <input type="text" class="weui-input" id='endtime' placeholder="请选择日期" style="border:0px; text-align:right; font-size:14px; color:Silver" /></div>
</a>
<a class="weui_cell" href="javascript:;" >
<div class="weui_cell_bd weui_cell_primary">
<p>请假时长</p>
</div>
<div class="weui_cell_ft">请选择</div>
</a>
</div>
</body>
</html>
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/97618
推荐阅读
相关标签
