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>

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

uni-app学习笔记-引用时间插件-timePicker（四）相关推荐

HBuilder X ——Uni app 学习笔记（一）
HBuilder X --Uni app 学习笔记(一) 1.pages.json配置 *pages数组中第一项表示应用启动页,数组中其他项为项目中所有页面路径. enablePullDownRefr ...
得到app文稿导出_得到app学习笔记作为知识付费者，如何把所学内容快速输出？...
原标题:得到app学习笔记作为知识付费者,如何把所学内容快速输出? 零.引子昨天看到老公票圈更新了一条段子: 我就是那个伪勤奋者,在知识焦虑的胁迫下,这些年买了不知多少视频.微课.教程还有得到专栏. ...
Flutter高级进阶实战仿哔哩哔哩APP学习笔记
Flutter高级进阶实战仿哔哩哔哩APP学习笔记近年来各大公司对Flutter技能的要求越来越高,甚至设立了专门岗位,但掌握Flutter高阶技能的人才寥寥无几,市面上干货Flutter高阶课程 ...
2020-09-25C++学习笔记引用2：二级指针形参与指针形参的使用方法和区别重难点，主看综合代码（1、指针形参2、引用形参3、二级指针形参4、指针引用形参）
2020-09-25C++学习笔记引用2:二级指针形参与指针引用搭配做形参的使用方法区别重难点,注意事项主看综合代码(1.指针形参2.引用形参3.二级指针形参4.指针引用形参) 1.指针引用 #inc ...
UI学习笔记---EasyUI panel插件使用---03
UI学习笔记---EasyUI panel插件使用---03 UI学习笔记---EasyUI panel插件使用---03 1.panel简单小例子 ------------------- 2.可以自 ...
Apache Nutch 1.3 学习笔记十（插件机制分析）
1. 一些对象说明 PluginRepository:这是一个用于存储所有插件描述对象(PluginDescriptor),插件扩展点(ExtensionPoint)和被激活的插件. PluginDe ...
【Python学习笔记—保姆版】第四章—关于Pandas、数据准备、数据处理、数据分析、数据可视化
第四章欢迎访问我搞事情的[知乎账号]:Coffee 以及我的[B站漫威剪辑账号]:VideosMan 若我的笔记对你有帮助,请用小小的手指,点一个大大的赞哦. #编译器使用的是sypder,其中&q ...
鸿蒙app学习笔记一
前言鸿蒙app开发基础知识鸿蒙应用程序 HAP entry feature pack.info 库文件资源文件配置文件(config.json) HAR Node.js NPM 关于DevEc ...
Pygame学习笔记 4 —— 时间与运动
还记得我们在之前的程序中如何让兔子动起来的吗,没错,使用event模块检测键盘事件,改变绘图的坐标,画面刷新后兔子就移动了.接下来我们细说如何精确控制时间和运动. 主要内容: pygame的时 ...

uni-app学习笔记-引用时间插件-timePicker（四）

uni-app学习笔记-引用时间插件-timePicker（四）相关推荐

最新文章

热门文章