qml GetCurrentTime

最新推荐文章于 2024-10-24 20:23:34 发布
转载 最新推荐文章于 2024-10-24 20:23:34 发布 · 500 阅读 · 0
文章标签：

#QT

本文介绍如何使用QtQuick1.0中的Timer组件实现实时更新的日期和时间显示功能，包括自定义日期格式和利用Qt内置的方法简化日期时间格式化。


  1. import QtQuick 1.0

  3. Item {
  4.     Timer {
  5.         interval: 500; running: true; repeat: true
  6.         onTriggered: time.text = getCurDate().toString()
  7.     }
  8.     function getCurDate()
  9.     {
  10.          var d = new Date();
  11.          var week;
  12.          switch (d.getDay()){
  13.          case 1: week="星期一"; break;
  14.          case 2: week="星期二"; break;
  15.          case 3: week="星期三"; break;
  16.          case 4: week="星期四"; break;
  17.          case 5: week="星期五"; break;
  18.          case 6: week="星期六"; break;
  19.          default: week="星期天";
  20.          }
  21.          var years = d.getFullYear();
  22.          var month = add_zero(d.getMonth()+1);
  23.          var days = add_zero(d.getDate());
  24.          var hours = add_zero(d.getHours());
  25.          var minutes = add_zero(d.getMinutes());
  26.          var seconds=add_zero(d.getSeconds());
  27.          var ndate = years+"-"+month+"-"+days+"\n"+hours+":"+minutes+":"+seconds;
  28.          return ndate;
  29.     }

  31.     function add_zero(temp)
  32.     {
  33.          if(temp<10) return "0"+temp;
  34.          else return temp;
  35.     }


  38.     Text { id: time }
  39. }
运行结果：

还有一个简单的：

  1. import QtQuick 1.0

  3. Item {
  4.     Timer {
  5.         interval: 500; running: true; repeat: true
  6.         onTriggered: time.text = Qt.formatDateTime(new Date(), "dddd\nyyyy-MM-dd\n-MMM-\nhh-mm-ss")
  7.                                                               // 星期 年份 月份 号 大月份
  8.     }

  10.     Text { id: time }
  11. }
运行结果：
  1. import QtQuick 1.0

  3. Item {
  4.     Timer {
  5.         interval: 500; running: true; repeat: true
  6.         onTriggered: time.text = getCurDate().toString()
  7.     }
  8.     function getCurDate()
  9.     {
  10.          var d = new Date();
  11.          var week;
  12.          switch (d.getDay()){
  13.          case 1: week="星期一"; break;
  14.          case 2: week="星期二"; break;
  15.          case 3: week="星期三"; break;
  16.          case 4: week="星期四"; break;
  17.          case 5: week="星期五"; break;
  18.          case 6: week="星期六"; break;
  19.          default: week="星期天";
  20.          }
  21.          var years = d.getFullYear();
  22.          var month = add_zero(d.getMonth()+1);
  23.          var days = add_zero(d.getDate());
  24.          var hours = add_zero(d.getHours());
  25.          var minutes = add_zero(d.getMinutes());
  26.          var seconds=add_zero(d.getSeconds());
  27.          var ndate = years+"-"+month+"-"+days+"\n"+hours+":"+minutes+":"+seconds;
  28.          return ndate;
  29.     }

  31.     function add_zero(temp)
  32.     {
  33.          if(temp<10) return "0"+temp;
  34.          else return temp;
  35.     }


  38.     Text { id: time }
  39. }
运行结果：

还有一个简单的：

  1. import QtQuick 1.0

  3. Item {
  4.     Timer {
  5.         interval: 500; running: true; repeat: true
  6.         onTriggered: time.text = Qt.formatDateTime(new Date(), "dddd\nyyyy-MM-dd\n-MMM-\nhh-mm-ss")
  7.                                                               // 星期 年份 月份 号 大月份
  8.     }

  10.     Text { id: time }
  11. }
运行结果：
QML 定时器
青春不老，奋斗不止！
03-04 1588
在很多场景下，我们需要在指定的时间间隔内触发一些事件，比如心跳检测、倒计时等，这时候就需要用到定时器了。
qml实现简单的时间选择控件
cxc233的博客
08-02 6695
qml实现简单的时间选择控件 --------------------------------------------------------------------------------------------------- 在公司用qml写 一个app时需要一个时间控件发现qml中的日历太累赘了，然后就自己写了个精简点的时间选择控件 具体效果如下 可以选择是否需要年，同时通过自定
QML笔记(十)之QML获取当前时间戳
我是黄同学博客
05-18 3409
一.前言 楼主在学习过程中，喜欢打印一些信息，然后都会记录打印的时间，一开始用QML，都不知道怎么获取当前的时间戳，于是记录分享一下 二.获取方式 1.QML方式 console.log(Qt.formatDateTime(new Date(),"yyyy-MM-dd HH:mm:ss.zzz")) 2.js方式(QML调用) function getTime() { return new Date().toISOString(); } 3.Qt获取(QML调用
Time_Qml.zip
12-17
Qt QML实现时间日期选择控件 工程文件 解压打开pro文件，编译打开。纯QtQuick QML实现
QML学习笔记（六）- 简单计时器和定时器
diaoyanbian8143的博客
12-26 377
做一个简单的qml计时器和定时器，左键触发计时，右键触发定时 GitHub:八至 作者：狐狸家的鱼 本文链接：QML学习笔记（六）- 简单计时器和定时器 左键点击按钮，触发计时器，中键可以暂停计时，同时如果要清零，再次点击左键。 右键打开时间输入与告警信息输入弹出窗口，时间输入有正则验证，只能输入数字，并且时间的:只能在英文半角下输入，如果时间和告警信息未输入，会弹出警...
QML定时器
qq_45303986的博客
03-03 2607
创建3个Rectangle，分别对应 开启定时器，暂停定时器，重启定时器，鼠标点击分别执行相应的函数。如果开启triggeredOnStart，则开始时会先执行一次，然后等待时间间隔。如果关闭triggeredOnStart，则需要先等待时间间隔，然后才会执行。计时器可用于触发操作一次，或以给定的间隔重复触发。设置重复，为真，则以指定的间隔重复触发计时器。默认间隔为 1000 毫秒。默认为（false）
精选资源
QML完整项目源码分享
最新发布
06-11
在当今快速发展的软件开发领域，QML作为一种声明式的编程语言，因其简洁和易于学习的特点而受到开发者的青睐。QML全称为Qt Modeling Language，它是Qt框架的一部分，主要用于开发用户界面。QML允许设计师和开发者...
下载QT漂亮QML模仿流行VUE Element UI之按钮，QML漂亮大方美观的按钮样式 QML开发按钮样式 Button漂亮样式下载QML下载 快速开发QML漂亮界面 QML自定义漂亮控件下载
12-01
QT漂亮QML模仿流行VUE Element UI之按钮，QML漂亮大方美观的按钮样式 QML开发按钮样式 Button漂亮样式QML下载 快速开发QML漂亮界面 QML自定义漂亮控件 QT QML 模仿流行VUE Element UI之按钮，打造美观大方的按钮样式...
精选资源
QmlBook-In-Chinese.rar_QML教程_QmlBook-In-Chinese_qml_qml 官方教程_tal
07-14
《QmlBook-In-Chinese.rar》是一个包含了QML中文教程的压缩文件，旨在为刚开始学习QML的开发者提供详尽的指导和参考资料。QML，全称Qt Meta Language，是Qt框架下的一个强大的用户界面（UI）描述语言，用于创建优雅...
下载QT漂亮QML模仿流行VUE Element UI之按钮，下载QML漂亮大方美观的按钮样式 下载QML开发按钮样式 Button漂亮样式QML下载 快速开发QML漂亮界面 QML自定义漂亮控件
11-29
QT漂亮QML模仿流行VUE Element UI之按钮，QML漂亮大方美观的按钮样式 QML开发按钮样式 Button漂亮样式QML下载 快速开发QML漂亮界面 QML自定义漂亮控件 QT QML 模仿流行VUE Element UI之按钮，打造美观大方的按钮样式...
精选资源
Qt-Qml-Calendar_qml_QT_qml日历控件_calendar_
10-04
在本文中，我们将深入探讨如何在Qt框架下利用QML（Qt Quick）开发日历控件。QML是Qt提供的一种声明式语言，用于构建用户界面，它与C++结合，使得开发高效、灵活且美观的应用程序变得轻而易举。 标题"Qt-Qml-...
QML类型——Timer
fengyanyu68的博客
07-15 2186
正文 Timer类就是定时器，以指定的时间间隔触发处理程序。 属性 interval: int 设置触发器之间的时间间隔（以毫秒为单位）。 默认间隔为1000毫秒。 repeat: bool 定时器是否重复触发，值为true，则按照时间间隔重复触发；为false，则在指定时间间隔触发一次后就停止（即running被置位false）。 running: bool 为true时，启动定时器，否则停止定时器。 默认为false。 triggeredOnStart: bool 启动定时器时，通常是在指定时间间隔之
qml中获取时间的方法_QML简单时间控件
weixin_30271447的博客
02-11 2483
用qml写 一个app时需要一个时间控件发现qml中的日历太累赘了，然后就自己写了个精简点的时间选择控件具体效果如下可以选择是否需要年，同时通过自定义的参数实现布局以及获取数据1、当前时间的获取Component.onCompleted: {var date = new Date();year.curTime = date.getFullYear();month.curTime = da...
QML Timer详解
希望能帮助大家，希望大家多多支持，你们的支持是我前进的动力。
03-23 617
计时器可以用来触发一次动作，也可以在给定的间隔内重复触发。
Qml-Timer的使用
u013125105的博客
10-24 979
【代码】Qml-Timer的使用。
在QML中使用定时器
isnow4ever的专栏
12-06 2685
QTimer类提供了重复和单次定时器。非常实用、在程序里面经常需要用到。要想在QML中使用定时器、首先你得在程序的.cpp文件中加上一句qmlRegisterTypeQTimer>(“timer”, 1, 0, “Timer”)，这句是为了注册这个类，因为Cascades/QML本身是没有这个类的; 然后在QML文件包含它import timer 1.0 好了。这些准备工作完成之后你就可以使
QML_计时控件功能实现
会选科技的博客
07-24 339
1、代码目录结构（新建的qt quick的工程）2、两个重要文件的源码。
QML之TimeEdit的实现
yangguihao的博客
08-19 4941
在使用QML设计界面的时候，用到了时间编辑框，发现QML中没有提供类似QTWidget中的QTimeEdit控件。后来没有办法就自己使用TextField和Calendar封装了一个TimeEdit组件 1、自定义编辑框TimeInput组件 时间编辑框通常都是一个输入框，前部分显示时间后面有个日历的小图标，点击可以显示日历进行选择日期。文本输入框QML中之后TextField和TextInp
QT----基于QML的计时器
混吃等死，偶尔搞点好玩的
09-19 907
赶上了实习的末班车,现在在做QML开发,第一天的学习成果,一个计时器.逻辑挺简单的,纯QML实现,代码在仓库。
qml 获取系统时间
02-28
在QML中，可以通过使用JavaScript来获取系统时间。以下是一种获取系统时间的方法： 1. 首先，在QML文件中创建一个JavaScript函数来获取系统时间。可以使用JavaScript的Date对象来获取当前时间。例如： ``` function getCurrentTime() { var currentTime = new Date(); return currentTime; } ``` 2. 然后，在QML中调用这个JavaScript函数，并将结果显示在界面上。可以使用Text组件来显示时间。例如： ``` Text { id: timeText text: getCurrentTime() } ``` 这样，当QML界面加载时，会调用getCurrentTime()函数获取系统时间，并将结果显示在timeText组件中。 需要注意的是，由于JavaScript的Date对象返回的是一个日期对象，如果想要将其格式化为特定的字符串形式，可以使用JavaScript的日期格式化函数，如toLocaleString()、toTimeString()等。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值