qml实现简单的时间选择控件

最新推荐文章于 2025-05-28 09:19:41 发布

池旭超

最新推荐文章于 2025-05-28 09:19:41 发布

阅读量6.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： qml 文章标签： qml qt qt on android

本文链接：https://blog.youkuaiyun.com/cxc233/article/details/76565705

qml实现简单的时间选择控件

---------------------------------------------------------------------------------------------------

在公司用qml写一个app时需要一个时间控件发现qml中的日历太累赘了，然后就自己写了个精简点的时间选择控件

具体效果如下

可以选择是否需要年，同时通过自定义的参数实现布局以及获取数据

---------------------------------------------------------------------------------------------------

1、当前时间的获取

Component.onCompleted: {
                        var date = new Date();
                        year.curTime    = date.getFullYear();
                        mon

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

池旭超

关注关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

QML 自定义时间编辑控件

liushiyi3083862599的博客

03-16

712

qml自定义时间编辑控件。三.时间编辑控件封装。

92.qt qml-日期/日期时间/时间选择器(日历选择器)

抵抗时间扭曲，坚持做一件有意义的事

07-11

3124

QML日历组件我们之前移植过:67.qt quick-qml自定义日历组件(支持竖屏和横屏)_qml日历_诺谦的博客-优快云博客但是该组件内部代码比较坑的就是全部使用自定义对象，导致性能不行，动画卡顿，并且不好加时间选择，所以本章我们重新学习，然后重构一个日期时间选择器，支持更改日期或者日期时间重构需要使用到Calendar类和样式类2.Calendar类介绍int,一周中各天的显示格式(在页眉中)。Locale.ShortFormat是默认的推荐格式。

1 条评论您还未登录，请先登录后发表或查看评论

QML日期选择控件

zjgo007的专栏

01-07

2939

Qml中没有现成的日期时间选择控件，自己做了个，代码实现较为简单，没有过多需要介绍的，控件加载会自动获取当前日期，转动拨盘会根据当前年、月匹配当月天数，代码如下，直接复制到Qml中加载就可以使用了

QML日历+选定日期显示控件：让日期选择变得简单直观

最新发布

gitblog_06773的博客

05-28

271

QML日历+选定日期显示控件：让日期选择变得简单直观去发现同类优质开源项目:https://gitcode.com/ 在现代软件开发中，界面交互的便捷性和美观性是衡量应用程序用户体验的重要标准。QML日历+选定日期显示控件正是基于这一理念设计的一款高效、实用的开源组件。下面，我们将详细了解这款控件的核心功能、技术优势以及应用场景。项目介绍 QML日历+选定日期显示控件是一个专门为QML应用程序...

QML自定义时间选择器

qq_38478961的博客

10-08

3540

在进行使用qml编程过程中，需要实现日期时间的选择。但是qml官方只提供日期控件，因此自己定义了时间控件注意 QtQuick 2.9不要降低版本否则会有内部的信号处理器无法使用 import QtQuick 2.9 import QtQuick.Controls 2.3 Rectangle { property int hour: 0; property int minut...

qml时间滚筒控件-使用PathView来实现

03-15

qml时间滚筒控件，使用PathView来实现

qml 类似移动端时间设置控件

01-07

qml实现一个类似手机端闹钟或其它时间设置控件。可以用ListView实现其效果，但是QML提供有现成的控件可以用，所以要实现这个效果更方便。博客地址：https://blog.youkuaiyun.com/luoyayun361

自编Qml时间控件（实用）

12-21

本篇文章将详细介绍如何自编一个实用的Qml时间控件，以解决在Qt4.8中选择时间的难题。首先，Qml是一种声明式语言，用于构建用户界面，它允许我们在不编写大量C++代码的情况下，通过声明组件属性和逻辑来创建动态且...

Qt QML实现时间日期选择控件

qq_28386947的博客

12-17

6039

先看图打开界面，会自动获取到当前时间，根据月份确定日有几天，转动时间轴点击确定，打印输出当前时间。以下是该控件功能的主要代码 import QtQuick 2.0 import QtQuick.Extras 1.4 import QtQuick.Controls 1.4 import QtQuick.Layouts 1.3 import QtQuick.Controls.Styles ...

QML实现闹钟的时间选择器

qq_40770277的博客

04-15

809

Rectangle { width: frame.implicitWidth + 10 height: frame.implicitHeight + 10 function formatText(count, modelData) { var data = count === 12 ? modelData + 1 : modelData; ...

QML 简单日历控件

12-25

一个qml的日历控件很简单没有定义很复杂的风格，代码很简单，如果要改风格修改spinner.qml也可以很容易做到

QML开发的时间选择器的插件

hu_linux的博客

10-12

3720

简述下面是用Qt去开发Android的时候，遇到时间选择器的需求，通过官方例子和自己的调整，做出了时间选择器界面开发。具体效果图如下：封装一个滚轮的文件代码(TimeWheel.qml)： mport QtQuick 2.0 import "../" as G import Sparrow 1.0 Rectangle { property alias value

QML 实现时间控件时间可加可减添加计时器时间自己动

xiaofengyiyue的博客

07-31

800

import QtQuick 2.4 import QtQuick.Controls 1.4 import QtQuick.Window 2.2 import QtQuick.Controls.Styles 1.4 import QtQuick.Controls 2.14 Window { property string hour:(new Date().toLocaleTimeString(Qt.locale(),"hh")) property stri...

QML 使用PathView制作日期选择

sdustzk的博客

08-18

630

QML 使用PathView制作日期选择先看效果可以实现切换月份时日期天数增加减少，润年时2月份设置29天，源码很简单 ///准备部分 ListModel{ id: listmodel_year ListElement{yname:"2019"} ListElement{yname:"2020"} ...

使用QML Tumbler 实现时间日期选择器

u011186532的专栏

04-24

1413

在现代应用程序开发中，时间与日期选择是常见的用户界面需求。无论是在日程安排、预约系统还是任何需要时间录入的场景，一个直观易用的选择器组件可以大大提升用户体验。本文将详细介绍如何使用 QML 技术实现两种常用的选择器组件：时间选择器和日期时间选择器。

QML 自定义控件时间滚筒控件

u013163634的博客

04-28

1421

QML 仿手机时间滚筒控件效果：共3中模式 "Date" | "Time" |"DateTime" main.qml MouseArea{ anchors.fill: parent onClicked: { dlg.exec(Qt.formatDateTime(new Date(), "yyyy-MM-dd hh:mm:ss")); } } DateTimeDialog{ ...

QML 实现日期范围选择框

龚建波

12-27

2816

日期范围选择只需要组合几个组件就行了，着实很简单，这里只是水一篇。有两个要注意的地方，弹框的 closePolicy 可以设置为 Popup.CloseOnPressOutsideParent|Popup.CloseOnReleaseOutsideParent|Popup.CloseOnEscape，这样点击弹框关联的编辑框的时候弹框也消失了；另一点就是 js Date 对象是个引用类型，所以每次使用我都 new 一个，避免重复使用被影响。实现效果：（日历弹框暂时用的 Control1 的日历...