首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >兼容Qt4/Qt5版本Qml控件Calendar

兼容Qt4/Qt5版本Qml控件Calendar

作者头像
Qt君
发布2019-08-06 11:05:14
发布2019-08-06 11:05:14
1.6K0
举报
文章被收录于专栏:跟Qt君学编程跟Qt君学编程

通过点击日历控件区域,选择日期的Qml组件。

代码语言:javascript
复制
文件导入

属性

信号

  • signal clicked(variant date) : 在日历中的有效日期上单击鼠标时发出, date是鼠标被单击的日期

方法

  • functiontoday()重定位当天日期
  • functiongetDate() : 获取日历当前日期
  • functionsetDate(date) : 设置日历的日期

示例

代码语言:javascript
复制
Calendar {
    width: 600; height: 480
}

部分源码预览

代码语言:javascript
复制
/**
     * @brief 在日历中的有效日期上单击鼠标时发出。
     * @param date: 鼠标被单击的日期。
     */
    signal clicked(variant date)

    /**
     * @brief 重定位到当天日期
     */
    function today() {
        var today = new Date()
        setDate(today)
    }

    /**
     * @brief 获取日历当前日期
     */
    function getDate() {
        return privateVar.getYMD(root.currentIndex)
    }

    /**
     * @brief 设置日历的日期
     */
    function setDate(date) {
        privateVar.monthAndYearNumber = [date.getMonth() + 1, date.getFullYear()]
        root.currentIndex = privateVar.getIndexByDate(date.getDate(), date.getMonth()+1, date.getFullYear())

        /* 更新日期任务列表 */
        __setNoteDates(privateVar.noteDates)
    }

    Item {
        id: weekItem
        width: root.width; height: root.height/13
        Repeater {
            model: ["日", "一", "二", "三", "四", "五", "六"]
            Item {
                x: index * width
                width: root.cellWidth; height: weekItem.height

                Text {
                    anchors.centerIn: parent
                    text: model.modelData
                    font.pixelSize: dpW(14)
                    color: "#666666"
                }
            }
        }
    }

关于

  • 文章首发于公众号Qt君
  • 源码地址:
代码语言:javascript
复制
https://github.com/QtComponent/Calendar
  • 最新源码下载地址
代码语言:javascript
复制
https://github.com/QtComponent/Calendar/archive/master.zip
  • 相关应用: 安卓日历
代码语言:javascript
复制
https://github.com/aeagean/Calendar
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2019-08-04,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Qt君 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 属性
  • 示例
  • 部分源码预览
  • 关于
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档