uni-app学习笔记-引用时间插件-timePicker(四)

简介: uni-app学习笔记-引用时间插件-timePicker(四)

1:将时间插件-timePicker导入到

开发工具HBuilderX

2:导入之后可以看到在我的项目底下多出了一个组件components文件夹


3:根据文档示例:

https://ext.dcloud.net.cn/plugin?id=700

来写页面代码


代码如下:

<template>
    <view class="content">
        <hTimePicker sTime="15" cTime="15" interval="1" @changeTime="changeTime">
            <view slot="pCon" class="changeTime">
                点击选择时间
            </view>
        </hTimePicker>
    </view>
</template>
<script>
    import hTimePicker from "@/components/h-timePicker/h-timePicker.vue";
    export default {
        components: {
            hTimePicker
        },
        data() {
            return {
                title: 'Hello'
            };
        },
        onLoad() {},
        methods: {}
    };
</script>
<style>
    .content {
        text-align: center;
        height: 400upx;
        margin-top: 200upx;
    }
</style>

效果如下,点击按钮,底部弹出时间选择框

相关文章
|
JSON JavaScript 前端开发
iOS小技能: 开发 uni-app 原生插件(支持iOS Extension)
术语:uni原生插件指的是将`原生开发的功能按照规范封装成插件包`,然后即可在 uni-app 前端项目中通过js调用原生能力。
1154 0
iOS小技能: 开发 uni-app 原生插件(支持iOS Extension)
|
Web App开发 编解码 Ubuntu
YouTube下载视频教程:常用的网站软件插件APP都有涉及
有时候可能需要YouTube上的视频来进行一些操作,比如教程演示,语言学习,视频编辑等.....那么YouTube视频怎么下载下来呢?方法比较多。在这篇文章里我会给大家介绍一些下载YouTube视频的常用网站、浏览器插件、电脑软件和手机APP,方便大家找到最合适的方法去保存油管视频。
2218 1
YouTube下载视频教程:常用的网站软件插件APP都有涉及
|
5月前
|
JSON 数据格式
3. 使用 VsCode 开发 uni-app 项目需要使用到的插件
3. 使用 VsCode 开发 uni-app 项目需要使用到的插件
252 0
|
7月前
【Hbuilder】Hbuilder 插件[App]云打包安装失败--已解决
【Hbuilder】Hbuilder 插件[App]云打包安装失败--已解决
248 0
|
7月前
|
安全 定位技术
ENVI软件App Store插件工具的下载、安装与使用方法
ENVI软件App Store插件工具的下载、安装与使用方法
364 1
|
7月前
|
API
如何在uni-app项目中使用插件
如何在uni-app项目中使用插件
272 0
|
监控 JavaScript API
EMAS提供了uni-app插件
EMAS提供了uni-app插件
214 1
|
安全
ENVI插件合集商店App Store的安装
本文介绍在ENVI软件中,App Store这一拓展工具的下载、安装与使用方法~
283 1
ENVI插件合集商店App Store的安装
|
JavaScript 安全 API
App 版本更新插件介绍及使用指南
随着移动互联网的发展,APP 已经成为人们生活中必不可少的一部分,而版本更新也是 APP 发展过程中必不可少的环节。为了更好地实现 APP 版本更新和管理,我们推荐一个非常实用的插件:App 版本更新插件。

热门文章

最新文章