（QT-UI）七、将日历窗口和DateTimeEdit联合起来

先可以使用上一节中的LineEdit的自定义方法，在DateTimeEdit中添加button和布局，当点击DateTimeEdit中的按钮时，弹出日历窗口，并且将时间写入到日历中

需要注意，日历窗口上是只有一个日期的，所以还需要一个对应的时间窗口，来协同显示

转换到日历窗口时，实际要添加了QCalendar和QTimeEdit两个控件

1、将DateTimeEdit的时间写入到日历中

//预先在MyCalendar.h类中，增加一个时间写入的接口
public：
    void SetDateTime(QDateTime dateTime);

//然后在MyCalendar.cpp中实现写入时间
void MyCalendar::SetDateTime(QDateTime dateTime)
{
    ui->calendarWidget->setSelectedDate(dateTime.date());
    ui->timeEdit->setTime(dateTime.time());
}

//------------------------------------------------------------------------
    //然后在MyWidget.cpp中，添加槽函数，绑定DateTimeEdit上的按钮点击事件
    MyCalendar *myCalendarWid = new MyCalendar ();
    MyPushButton* CalendarBtn = new MyPushButton();
    QGridLayout *GLayout = new QGridLayout(ui->dateTimeEdit);
    QSpacerItem *hSpacer = new QSpacerItem(13, 13, QSizePolicy::Expanding, QSizePolicy::Minimum);
    GLayout->addItem(hSpacer , 0, 0);
    GLayout->addWidget(CalendarBtn, 0, 1);

    connect(CalendarBtn, &QPushButton::clicked, this, [=](){
        //直接调用接口传入时间
        QDateTime CurDateTime = ui->dateTimeEdit->dateTime();
        MyCalendarWid->SetDateTime(CurDateTime);
    });

2、将日历的时间写入到DateTimeEdit中

如上面的日历窗口所示，实际上还添加了TimeEdit控件和确认button按钮，当点击确认按钮时，可以获取到日历中的日期，TimeEdit中的时间，然后以槽函数的形式向MyWidget类中发送，然后就可以写入到DateTimeEdit

//先在MyCalendar.h文件中定义信号函数，直接给出参数类型即可
signals:
    void UpdateDateTimeSignal(QDateTime);



//然后在MyCalendar.cpp中，为确认按钮添加槽函数，获取日历窗口上的日期和TimeEdit上的时间
connect(ui->pushButton_Comfirm, &QPushButton::clicked, this, [=](){
        QDateTime dateTime;
        dateTime.setDate(ui->calendarWidget->selectedDate());
        dateTime.setTime(ui->timeEdit->time());
        //再通过信号，将dateTime发送出去
        emit UpdateDateTimeSignal(dateTime);
    });


//继续在主窗口中接受信号--MyWidget.cpp
 connect(CalendarWidget, &MyCalendar::UpdateDateTimeSignal, this, [=](QDateTime datetime){
        ui->dateTimeEdit->setDateTime(datetime);
    });

3、添加按钮，当点击设置按钮时，将日历窗口显示在DateTimeEdit上方

可以在第一步的connect函数中，调整MyCalendar的位置，设置为可见，就可以实现将窗口显示在DateTimeEdit上方

connect(CalendarBtn, &QPushButton::clicked, this, [=](){
        //显示日历窗口
        QPoint dateTimePos = ui->dateTimeEdit->mapToGlobal(QPoint(0,0));
        CalendarWidget->move(QPoint(dateTimePos.x(), dateTimePos.y() - CalendarWidget->height()-2));
        if(CalendarWidget->isHidden()) CalendarWidget->setHidden(false);
        else CalendarWidget->setHidden(true);

        QDateTime CurDateTime = ui->dateTimeEdit->dateTime();
        CalendarWidget->SetDateTime(CurDateTime);

    });

4、可以直接通过Designer修改DateTimeEdit的格式，默认是H:mm，我们可以直接编辑修改为hh:mm:ss

点击TimeEdit或者DateTimeEdit，然后找到右边的DisplayFormat属性，修改为hh:mm:ss即可显示到秒