热门标签
热门文章
- 1这是我见过最辱人的事，“HR已读不回”作为一个测试人你会怎么想？
- 2【Python 零基础入门】基础语法
- 3【腾讯云 HAI域探秘】借助高性能应用HAI——我也能使用【stable diffusion】制作高级视频封面了
- 4实现HTTP服务监听，快来试试springboot服务端接口公网远程调试
- 5关于OpenHarmony系统，我们该如何高效学习_openharmony学习
- 6使用群晖Docker搭建HomeAssistant并实现异地公网访问家中智能设备
- 7【Docker】深入理解Docker：一种革新性的容器技术
- 8LabelImg（目标检测标注工具）的安装与使用教程_安装labelimg
- 9Docker Registry本地镜像仓库部署并实现远程连接拉取镜像
- 10如何在 Java 中将 InputStream 读取/转换为字符串？_inputstream转字符串
当前位置: 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
推荐阅读
相关标签
