方式一 :My97DatePicker My97DatePicker 可谓有年头了,使用起来非常方便,而且文档介绍的也非常全面,唯一的不足之处是移动端不是很友好。...value="" readonly onClick="WdatePickerFun()"/> js...d', onpicked:dateSearch }) } 方式二 :HTML5 以前一直没用过,最近使用才发现,原来HTML5的日期选择器在移动端表现是那么的惊艳...以前一直在找滚动选择日期的,现在H5可以取代了。...return false; } $('#date-submit-search').submit(); } 方式三 :最后一款十分不错的日历插件
Datepicker日期选择器插件 这个插件还是比较简单的,而且样式也比较漂亮,可以自定义选择年月日、年月日时分、年月、时间段选择等等。 效果预览: ?...这个插件是基于jQuery和bootstrap的。...bootstrap.min.css或bootstrap.css bootstrap-datepicker.min.css或bootstrap-datepicker.min.css jquery.min.js...或jquery.js bootstrap-datepicker.min.js或bootstrap-datepicker.js bootstrap-datepicker.zh-CN.js 其中第五个表示将插件换成中文显示...具体使用方法见代码: html: Datepicker日期选择器插件</h1
/> <script src="__PUBLIC__/Home/timer/LCalendar/<em>js</em>/LCalendar.<em>js</em>" type=...LCalendar(); calendar.init({ 'trigger': '#start_date', //标签id 'type': 'date', //date 调出日期选择...datetime 调出日期时间选择 time 调出时间选择 ym 调出年月选择, 'minDate': (new Date().getFullYear()-3) + '-' + 1 + '...-' + 1, //最小日期 'maxDate': (new Date().getFullYear()+3) + '-' + 12 + '-' + 31 //最大日期 }); </script
Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){ window.location.href="手机页面...window.location.href="平板页面"; }else{ window.location.href="其他移动端页面...---识别手机或电脑的js开始---> (function(){ var res = GetRequest(); var...=-1){return true;} }; //将下面的http://abc.com改成你的wap手机版页面地址 如我的 http://abc.com var toMobileVertion...---识别手机或电脑的js结束--->
picker-extend.js 一款多功能的移动端滚动选择器,支持单选到多选、支持多级级联、提供自定义回调函数、提供update函数二次渲染、重定位函数...、兼容pc端拖拽等等.....特性 原生js移动端选择控件,不依赖任何库 可传入普通数组或者json数组 可根据传入的参数长度,自动渲染出对应的列数,支持单项到多项选择 自动识别是否级联 选择成功后,提供自定义回调函数callback...对三级联动地区 - 增加推荐字样(特殊化展示) 简书 picker-extend 移动端级联选择插件(简书) 掘金 picker-extend 移动端级联选择插件(掘金) npm 地址...picker-extend 移动端级联选择插件 (npm) 引入 方式一 标签引入: <link rel="stylesheet" type="text/css" href="css/picker-extend.css
手机端和PC端分别加载不同的js客服代码(注意:是要在PC和手机端分别加载不同的js文件) 第一种方法(简单型): // 根据屏幕尺寸...">'); } 第二种方法(已测试通过,项目真实在用): 这样子我们直接在PC端和手机端分别输出不同的js。...所以,我们在手机端和PC端分别加载不同的js的需求完美解决了。 ...bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) { // alert("手机浏览.../pc.js",function(){ //加载pc.js,成功后,并执行回调函数 console.log("加载js文件"); }); }
计算手势在手机屏幕上滑动时,手势滑动的距离,代码如下: function wetherScroll(){ var startX = startY = endX =endY =0; var body=...distanceY=endY - startY; // console.log(“distanceX:”+distanceX+","+“distanceY:”+distanceY); //移动端设备的屏幕宽度
用js限制网页只在手机端中打开,网站屏蔽PC端访问JS代码,网站只允许手机端访问。
在index.html里面配置js控制选择那一个文件夹下的文件就可以了。 我们要利用:Navigator 对象,Navigator 对象包含有关浏览器的信息。...iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent)) { //跳转移动端页面...wap.baidu.com" rel="external nofollow" rel="external nofollow" ; } else { //跳转pc端页面
==t.nodeType;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}}])}); 上面为工具js...二次封装 import ClipboardJS from 'mioJs/utils/clipboard.min.js' getClipboardData(data, callback = (res)
minimum-scale='+phoneScale+',maximum-scale ='+phoneScale +',user-scalable=no,">'); 18 } 19 做手机端页面最头疼的就是物理分辨率和逻辑分辨率的转换了...,在手机端的样式也会因此大乱,在页面头部加入以上一段js之后,在手机端就可以正常显示了, var phoneScale = phoneWidth/750; 除以的为设计图设计的页面宽度,750是按iphone6...来设计(根据自己使用需求来修改),即让页面的 放大比率=屏幕的逻辑分辨率/物理分辨率,从而达到适应手机的效果。...试想,浏览器如果把电脑端的980px的网页展现在宽度为750px的iphone6手机屏上,势必会放不下,手机端横向会出现滚动条,怎么阻止这种情况呢,很简单,浏览器默认一个虚拟窗口,不同浏览器有不同的虚拟窗口宽度的默认值如...; opera:850px; Andriod webkit:800px; IE:974px; 然后会把这个980px虚拟窗口装进宽度为750px的iphone6中,当然这样的话必须缩放,这就是为什么在手机中展现电脑端页面没有出现横向滚动条
然后将用户输入的值赋值给input框的value属性 日期插件的实现是...:选择好日期后,将值赋给input框,然而此时并没有绑定到vue的数据中 后来采取的做法是:查询my97的API,找到选择日期的回调函数,在回调函数里将选择的值赋给vue的数据 至此,该问题算是完成了...后来,测试又报出一个bug,当用户选择input框之后,没有从日期框选择日期,而是手动修改input内的数值, 发现还是没有绑定到vue上,猜测原因是:my97插件内部给该input框又实现了一个input
Element-UI,网站快速成型工具,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 Element-UI中文官网地址 Express是基于 Node.js 平台,快速、开放...其中文官网地址是:http://www.expressjs.com.cn Node.js (Express.js) + Vue.js (Element UI) 全栈开发王者荣耀手机端官网和管理后台,目前的...【全栈之巅】Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台 本项目是 Bilibili 全栈之巅 视频教程相关源码 https://github.com/wxs77577/node-vue-moba...、NodeJs+VueJs全栈开发王者荣耀官网(Express+ElementUI) [第一章 + 第二章] NodeJs + VueJs (Express + ElementUI) 全栈开发王者荣耀手机端官网和管理后台...[第三章]NodeJs + VueJs (Express + ElementUI) 全栈开发王者荣耀手机端官网和管理后台 - 第三章 [第四章]NodeJs+VueJs全栈开发王者荣耀官网(Express
简介 jQuery UI Datepicker日期选择插件很好用了,只不过只能精确到日,不能选择时间(小时分钟秒)很遗憾,而jquery-ui-timepicker-addon.js正是基于jQuery...UI Datepicker的一款可选时间的插件。...trentrichardson.com/examples/timepicker/ 官网demo下载:https://github.com/trentrichardson/jQuery-Timepicker-Addon 插件效果图...--中文--> <script
一、提问 上次写过一篇文章,那篇文章主要是是针对移动应用进行加解密处理的,今天我们要说的是WEB端的加解密处理方式。 大家在进行WEB渗透测试的时候,有没有像我一样遇到这样的问题?...Burpy(Ver:1.2.5): 一个可以让你能够在Burpsuite中运行自己指定python脚本的插件。...四、WEB调试步骤 1、打开要调试的js脚本,发现js脚本被压缩了,我用的是chrome流量器,可以点一下那个红色的框(pretty printf)浏览器就会自动给我们把格式对齐 ?...2、对齐格式后,在我们需要的地方下断点,点击运行,浏览器就会在相应的地方停止等待我们调试,一步步的走下来,就会来到加密解密的js代码。 ?...七、总结 本文通过一个案例,介绍了如何对WEB端的js脚本进行调试并找到加密算法;然后介绍了如何使用burpy插件,对已经找到的算法进行还原。让我们在进行渗透测试的时候,节省了不少时间。
:支持lunar和日期事件的日期选择器 vue-video-player:VueJS视频及直播播放器 vue-fullcalendar:基于vue.js的全日历组件 rubik:基于Vuejs2的开源...vue-chart:强大的高速的vue图表解析 vue-music-master:vue手机端网页音乐播放器 handsontable:网页表格组件 vue-simplemde:VueJS的Markdown...vue-datepicker – 日历和日期选择组件 vue-datetime-picker – 日期时间选择控件 vue2-calendar – 支持lunar和日期事件的日期选择器 vue-fullcalendar...– 基于vue.js的全日历组件 vue-datepicker – 漂亮的Vue日期选择器组件 datepicker – 基于flatpickr的时间选择组件 vue2-timepicker –...下拉时间选择器 vue-date-picker – VueJS日期选择器组件 vue-datepicker-simple – 基于vue的日期选择器 07、地址选择 vue-city – 城市选择器
★2749 - 轻量级的基本UI组件合集 vonic ★1913 - 快速构建移动端单页应用 vue-multiselect ★1539 - Vue.js选择框解决方案 eme ★1529 - 优雅的Markdown...vue-quill-editor ★615 - 基于Quill适用于Vue2的富文本编辑器 vue-amap ★571 - 基于Vue 2和高德地图的地图组件 vue-calendar ★536 - 日期选择插件...vue2-calendar ★236 - 支持lunar和日期事件的日期选择器 vue-dropzone ★233 - 用于文件上传的Vue组件 vue2-douban-market ★233 - 仿豆瓣市集...vuejs-paginate ★80 - 分页VueJS组件 vue-toast-mobile ★79 - VueJS的toast插件 vue-datepicker ★78 - 漂亮的Vue日期选择器组件...★69 - VueJS的手势事件插件 vue-clip ★67 - 简约的破解文件上传器 vue-electron ★66 - 将选择的API封装到Vue对象中的插件 cleave ★64 - 基于cleave.js
一些比较优秀的框架:10大优秀的移动Web应用程序开发框架推荐 最终选择的是 jQuery Mobile ,官方地址:http://jquerymobile.com jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架...本人用的是 jQuery Mobile 1.3.2 冒似要用jquery-1.8.2.min.js才能正常运行,官网 下载 jQuery Mobile 包,然后按照指引的方法引用css与js,不要忘记引用...开关: $("#selectbar");myswitch[0].selectedIndex = 1;myswitch.slider("refresh"); 对于有些组件可能不能满足个性化要求,如日期控件在手机端的选择...,可以选择配套的插件来完成:分享15款为jQuery Mobile定制的插件 注意jQuery Mobile对page的定义,一个页面有多个page标签下,不同标签间的切换,页面加载时只加载指定page...下的内容包括js,如果需要加载的Js未包括在内如写在了head标签内,则不会加载,导致页面切换后达不到想要的效果。
触摸滑动组件vue-calendar ★465 - 日期选择插件bootstrap-vue ★458 - 应用于Vuejs2的Twitter的Bootstrap 4组件vue-swipe ★361 -...的功能性组件vue2-calendar ★181 - 支持lunar和日期事件的日期选择器vue-video-player ★178 - VueJS视频及直播播放器vue-fullcalendar ★176...vue-chart ★37 - 强大的高速的vue图表解析vue-music-master ★37 - vue手机端网页音乐播放器handsontable ★35 - 网页表格组件vue-simplemde...vue-datepicker-simple ★20 - 基于vue的日期选择器vue-tabs ★20 - 多tab页轻型框架vue-verify-pop ★19 - 带气泡提示的vue校验插件vue-parallax... 服务端nuxt.js ★2743 - 用于服务器渲染Vue app的最小化框架express-vue ★137 - 简单的使用服务器端渲染vue.jsvue-ssr ★67 - 非常简单的VueJS服务器端渲染模板
它可以在客户端和服务器端使用。 ? 3、Valid.js 地址:https://github.com/dleitee/valid.js Valid.js是用于数据验证的简单JavaScript库。...validate.js的目标是提供一种验证数据的跨框架和跨语言方式。验证约束可以用JSON声明,并在客户端和服务器之间共享。 ?...该库还包括一个 jQuery插件。 ?...它可以与任何JavaScript框架一起使用 ,但是有一个可与jQuery一起使用的插件。 ?...该脚本还可以处理输入字段,文本区域,复选框,单选按钮和选择列表的输入值填充(如果已指定默认值)以及何时将表单发布并返回给用户。这意味着当表单无效时,用户无需两次输入相同的信息!
领取专属 10元无门槛券
手把手带您无忧上云