Как в QML сделать календарь?

Рекомендуємо хостинг TIMEWEB

Стабільний хостинг, на якому розміщується соціальна мережа EVILEG. Для проектів на Django радимо VDS хостинг.

Так ви можите використовувати і 1.4 одночасно

Не могу, qt так не работает.
Если делаю так, то страничка не работает:

import QtQuick 2.12
import QtQuick.XmlListModel 2.12
import QtQuick.Controls 2.12
import AppCore 1.0
import QtQuick.Controls 1.12

Тому що для календаря потрібний
import QtQuick.Controls 1.4
Якщо в файлі нічого специфічного не використовується то можна просто замінити версію, а якщо ніяк то або винести календар в окремий файл а потім підключити його, або... Вроді так теж має працювати
import QtQuick.Controls 1.4 as Controlold

Controlold.Calendar {
minimumDate: new Date(2017, 0, 1)
maximumDate: new Date(2018, 0, 1)
}

Краще ще почитати
https://doc.qt.io/qt-5/qtqml-syntax-imports.html

к слову говоря есть и для вторых контролов какие-то наработки по календарю.

https://doc.qt.io/archives/qt-5.7/qt-labs-calendar2-qmlmodule.html

С помощью этого получилось вставить календарь. Но как прикрутить подсветку и маусареи к нужным дням?

Можете сделать это с помощью делегата. Предполагаю, что это можно сделать примерно так

MonthGrid {
    month: Calendar.December
    year: 2015
    locale: Qt.locale("en_US")
    delegate: Item {

        MouseArea {
            anchors.fill.parent
        }
    }
}

Но мне нужно привязать к дням месяца, а не ко всему месяцу.

делегат отвечает за представление одного дня в месяце в данном случае. Да, вы добавляете MouseArea к делегату, а уже в обработчиках MouseArea можете проверить, какой именно день кликнули.

Если так добавляю делегата, то календарь перестает отображаться. Скажите пожалуйста, почему так и как исправить?

    MonthGrid {
        id: mothGrid1
        month: Calendar.December
        year: 2019
        x: 23
        y: 154
        width: 340
        height: 355
        //locale: Qt.locale("en_US")

        delegate: Item {
            MouseArea{
                anchors.fill: parent
                //onClicked: console.log("day = " )
            }
        }

Ну потому, что делегат отвечает за представление одного элемента модели, когда вы его переопределяете, то вам нужно полностью написать его вёрстку. Естественно, что у вас ничего не отображается в этом случае, поскольку вы не написали, что отображать в делегате. Делегат - это внешний вид одной ячейки даты календаря, если вы не указываете нигде текст ячейки, то и не увидите его.

Вот рабочий код

import QtQuick 2.12
import QtQuick.Window 2.12
import Qt.labs.calendar 1.0

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")


    MonthGrid {
        id: mothGrid1
        month: Calendar.December
        year: 2019
        x: 20
        y: 20
        width: 340
        height: 355

        delegate: Item {
            Text {
                anchors.fill: parent
                text: model.day
            }
            MouseArea{
                anchors.fill: parent
            }
        }
    }
}

Вообще, вы можете использовать такое обращение к данным модели

• model.date : date The date of the cell
• model.day : int The number of the day
• model.today : bool Whether the delegate represents today
• model.weekNumber : int The week number
• model.month : int The number of the month
• model.year : int The number of the year

в самом Qt есть пример календаря (welcome->examples->Calendar Widget Example)

есть и тут пример