手机端H5页面时间插件

小咪咪 2022-05-13 06:42 264阅读 0赞

插件最终版图：![70][]

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);**  
\});

样式可自行修改,百度

[70]: /images/20220513/26edbc9b202f4284bfc3855f55cf5403.png

发表评论取消回复

表情：

评论列表（有 0 条评论，264人围观）

还没有评论，来说两句吧...

相关阅读

相关【web前端】移动端控制台插件，手机端页面查看相关页面控制台信息

一般调试手机端页面时，基本是在PC端使用手机模式进行断点或console调试、或查看有用的控制台信息的，但依旧有部分功能无法在PC端调试，经常需要使用alert进行断点，然后在

水深无声/ 2023年10月11日 15:28/ 0 赞/ 57 阅读

相关 H5页面调用手机打电话功能

H5页面调用手机打电话功能里面加上： <meta name="format-detection" content="telephone=yes"/> 需要拨

素颜马尾好姑娘i/ 2023年02月23日 05:06/ 0 赞/ 23 阅读

相关 H5页面直接扫码二维码插件

H5页面直接扫码二维码插件 [https://github.com/wkl007/vue-scan-demo][https_github.com_wkl007_vue-s

我就是我/ 2022年12月02日 13:50/ 0 赞/ 174 阅读

相关手机端h5页面自适应平板(iPad)js

手机页面h5自适应的方法有很多，比如：bootstrap，rem等等。下面分享给大家一个js控制viewPort视区自适应缩放的方法（我给它命名为phone.js）：将ph

雨点打透心脏的1/2处/ 2022年09月05日 05:24/ 0 赞/ 368 阅读

相关移动端H5页面注意事

转载自：http://www.jianshu.com/p/e95824e8fe13 1. 单个页面内容不能过多设计常用尺寸：750 x 1334 / 640 x 11

悠悠/ 2022年07月10日 09:59/ 0 赞/ 303 阅读

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

插件最终版图：![70][] 1.引入css和js样式‘； <link rel="stylesheet" type="text/css" href="../mo

小咪咪/ 2022年05月13日 06:42/ 0 赞/ 265 阅读

相关移动端 H5页面适配

![这里写图片描述][1] 一、基础概念 -------------------- 在了解如何做H5页面适配前，大家都应该把移动端涉及的一些概念搞明白，比如：dpr

谁借莪１个温暖的怀抱￠/ 2021年09月18日 09:04/ 0 赞/ 704 阅读

相关手机上调试H5页面

1.在h5页面中引入js文件 <script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"><

超、凢脫俗/ 2021年08月27日 19:50/ 0 赞/ 581 阅读

相关 h5 视频/音频插件embed

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></t

Bertha 。/ 2021年07月24日 13:40/ 0 赞/ 622 阅读

相关移动端h5页面尺寸大小

移动端h5页面尺寸大小移动端H5的尺寸一般设计为640x1136px。既满足了显示需求，又能降低用户加载图片需要的带宽。可以用各种分辨率的移动智能手机查看我们设计的...

灰太狼/ 2020年06月08日 16:34/ 0 赞/ 947 阅读