WeUi

最新推荐文章于 2024-04-23 22:52:54 发布

weixin_34138255

最新推荐文章于 2024-04-23 22:52:54 发布

阅读量78

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/Cubicluo/blog/865701

版权

2019独角兽企业重金招聘Python工程师标准>>>

一.参考文献

1.GitHub：https://github.com/weui/weui

2.weui+：一个扩展库，在weui0.44基础上,采用zepto作为基础库,兼容weui1.1所有效果,目前分为表单,基础,布局,组件,js函数五大类,共计百余项功能

二.使用方法

直接看官方文档

三.注意

1.如果用的是weui+（即参考文献2），则要使用GitHub上下载的css和zepto文件，因为作者做了修改，增加了一些功能。

2.body上要加一个属性

<body ontouchstart>

四.实例（weui+）（meta标签是根据自己项目需求加的）

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <!--优先使用最新版本 IE 和 Chrome-->
        <meta name="apple-mobile-web-app-title" content="">
        <!--添加到主屏后的标题（IOS）-->
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <!--启用 WebApp 全屏模式（IOS）-->
        <meta name="apple-touch-fullscreen" content="yes" />
        <!--启用 WebApp 全屏模式（IOS）-->
        <meta http-equiv="Cache-Control" content="no-siteapp" />
        <!--禁止百度转码-->
        <meta name="format-detection" content="telephone=no" />
        <!--关闭电话号码的自动识别-->
        <meta content="email=no" name="format-detection" />
        <!--关闭邮箱的自动识别-->
        <meta name="msapplication-tap-highlight" content="no">
        <!--winphone系统a、input标签被点击时产生的半透明灰色背景-->
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
        <title></title>
        <link rel="stylesheet" type="text/css" href="../css/weuix.min.css"><!-- WeUi+样式文件 -->
    </head>
    <body ontouchstart>

        
        <script type="text/javascript" src="../js/zepto.min.js"></script>
    </body>
</html>

五.weui+(注意：不是weui)使用小结（这个扩展库的GitHub没有给出文档，以下是一些自己使用过的）

5.1datetimePicker时间选择组件

	// 日期选择初始化
			$("#date1").datetimePicker({title:"选择日期",m:1,onChange: function () {
				var date1=$("#date1").val();			
   },});

我没有看到如何获取日期返回值，后来参考微信weui文档，加了个onChange函数获得了所选择的时间。注意，函数里面是用的input的val()。有个问题：获取的值是前一个onchange的，并非最终的，未解决这个问题。

转载于:https://my.oschina.net/Cubicluo/blog/865701

weixin_34138255

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
WeUi

2019独角兽企业重金招聘Python工程师标准>>> ...
复制链接

扫一扫

WeUi

“相关推荐”对你有帮助么？