手机端H5页面时间插件

插件最终版图：

1.引入css和js样式‘；

<link rel="stylesheet" type="text/css" href="../mobile/css/mobiscroll.css">
<link rel="stylesheet" type="text/css" href="../mobile/css/normalize3.0.2.min.css">
<link rel="stylesheet" type="text/css" href="../mobile/css/mobiscroll_date.css">
<script src="../mobile/js/mobiscroll_date.js"></script>
<script src="../mobile/js/mobiscroll.js"></script>

<input type="text" readonly name="peTrainee.joinWorkDate" id="register_workTime" data-role="datebox" placeholder='请选择工作时间'>

$(function(){
//初始化日期控件
var opt = {
preset: 'date', //日期
theme: 'jqm', //皮肤样式皮肤其他参数【android-ics light】【android-ics】【ios】【jqm】【sense-ui】【sense-ui】【sense-ui】【wp light】【wp】

display: 'modal', //显示方式【modal】【inline】【bubble】【top】【bottom】
mode: 'scroller', //日期选择模式【scroller】【clickpick】【mixed】
dateFormat: 'yy-mm-dd', // 日期格式
setText: '确定', //确认按钮名称
cancelText: '取消',//取消按钮名籍我
dateOrder: 'yymmdd', //面板中日期排列格式
dayText: '日', monthText: '月', yearText: '年', //面板中年月日文字
endYear:2020 //结束年份
};

$("#register_workTime").mobiscroll(opt);
});

样式可自行修改,百度

手机端H5页面时间插件相关推荐

h5适配华为手机_手机端H5页面适配踩坑
这两天在公司做手机端H5页面,第一次开发没什么经验,对rem, pt, ppi, dpr这些概念完全不懂,看了很多博客,现总结如下. 对于不同像素宽度的手机,如何做到每一个元素自动缩放? rem: f ...
chrome浏览器调试手机端h5页面
这个是常识性的问题了.奈何我之前确实是不知道.只知道用F12来调试PC端的页面,这次经过同事指点,终于知道为啥人家在浏览器调试手机端页面,显示的大小都是手机端的. 步骤: 1.打开F12 2.如果所示 ...
手机端H5页面判断是否横屏
之前,做了一个H5项目,需要在横竖屏变化时,做一些处理,一般先要判断手机是否横屏,在不同状态下添加不同效果方法一:JS判断 //判断手机横竖屏状态: window.addEventListener( ...
手机端h5页面自适应平板(iPad)js
手机页面h5自适应的方法有很多,比如:bootstrap,rem等等.下面分享给大家一个js控制viewPort视区自适应缩放的方法(我给它命名为phone.js): 将phone.js引入在jq库之 ...
Vue.js 手机端H5，时间选择器实现：年月日时分秒、年月日时分、年月日时、年月日、年月、年、月、日、时、分、秒，时分秒、时分多种类型
目录一.效果查看时间选择器实现效果视频二.目录三.index.vue <template><div><date-picker keys="0" ...
h5适配华为手机_rem、px、em(手机端h5页面屏幕适配的几种方法)
px px像素(pixel):相对长度单位.相对于显示器屏幕分辨率而言.pc端使用px倒也无所谓,可是在移动端,因为手机分辨率种类颇多,不可能一个个去适配,这时px就显得非常无力,所以就要考虑em和r ...
手机端H5页面上调试打印console的方法
1.纯html写的代码引入 <script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"> ...
手机端h5页面字体大小适配
为解决适安卓手机跟苹果手机字体大小和高度不一致的问题: 首先设置初始字体:由于浏览器默认(因为1em=16px,所以0.625em=10px): 设置初始字体大小为62.5%:然后根据不同的屏幕尺寸计 ...
手机端H5页面边框缺失问题解决
问题如下: 解决方案:加背景色 background-color: #fff;

手机端H5页面时间插件

手机端H5页面时间插件相关推荐

最新文章

热门文章