QML日历:可见日期列表

Question

有没有办法获取当前月份视图的可见天数列表(包括上个月/下个月也可见的天数(

Answer 1

如果我们在这里检查Calendar的代码，我们可以找到一个可疑的属性__model。我们发现，它的count总是 42 - 这是可见的天数。

问题是，在QML中，我们无法真正访问QAbstractItemModel的后代，因为我们需要一个QModelIndex来获取数据，与int而不是roleNames来识别角色e.t.c.所以
我们需要引入一个小助手，它为我们提供了一个get(index)的功能，从ListModel中知道的那样。作为基础，我们可以使用将通过缺少的公开方法扩展的QIdentityProxyModel。

qmlproxymodel.h

#ifndef QMLPROXYMODEL_H
#define QMLPROXYMODEL_H
#include <QObject>
#include <QIdentityProxyModel>
#include <QMap>
class QMLProxyModel : public QIdentityProxyModel
{
Q_OBJECT
public:
QMLProxyModel(QObject* parent = nullptr);
public slots:
QMap<QString, QVariant> get(int row_index) const;
};
#endif // QMLPROXYMODEL_H

qmlproxymodel.cpp

#include "qmlproxymodel.h"
QMLProxyModel::QMLProxyModel(QObject* parent)
: QIdentityProxyModel(parent)
{
}
QMap<QString, QVariant> QMLProxyModel::get(int row_index) const
{
QMap<QString, QVariant> ret;
QModelIndex ind = index(row_index, 0);
QHash<int, QByteArray> roles = roleNames();
// for some reason the itemData-method always throw a index-out-of-range exception
for (int e : roles.keys()) {
ret.insert(roles.value(e), data(ind, e));
}
return ret;
}

然后我们在主目录中将这个新类型注册到QML.cpp

qmlRegisterType<QMLProxyModel>("QMLProxyModel", 1, 0, "QMLProxyModel");

最后我们在QML中使用它：

Calendar {
id: cal
anchors.fill: parent
}
QMLProxyModel {
id: pm
sourceModel: cal.__model
onDataChanged: console.log("Some Data has changed", pm.get(0).date)
}

在这里，每当模型的数据发生变化时，即选择下个月时，我都会输出第一个显示日期的日期。
编写一个JS函数来迭代QMLProxyModel的所有(42(个元素，以将内容添加到您想要的任何数据结构中，对您来说应该很容易。

Answer 2

如果有人感兴趣，我找到了更快的解决方法。以下代码考虑从星期一或星期日开始的一周。

我检查哪一天是每月的第一天，并得到第一周的星期一/星期日，然后我检查day = firstDay + XX goes from 0 to 42的位置。

function checkMonthlyCases(currentYear, currentMonth){
var firstMonthDay = new Date(currentYear,currentMonth,1,0)
var firstVisibleDay = new Date(firstMonthDay.getTime() - (((firstMonthDay.getDay() === Locale.Sunday) ? Qt.Sunday : firstMonthDay.getDay()) - 1) * 86400000 )
if( startDay == Qt.Sunday){
firstVisibleDay = new Date(firstVisibleDay.getTime() - 86400000);
}
for(var i=0; i< 42; i++){ // 42: number of visible days
var checkDay = new Date(firstVisibleDay.getTime() + i*86400000)
var count = getDayCaseCount(checkDay)
}
}