自定义日历下拉框(Calendar Combo Box)，日期选择器——Qt

原创已于 2023-12-20 10:10:43 修改 · 6.7k 阅读

35 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Qt Widgets

于 2020-08-19 17:55:09 首次发布

本文详细对比了自定义QDateEdit组件与使用官方自带功能的区别，包括如何设置弹出日历、自定义日历样式以及解决只读模式下的光标问题。通过代码示例展示了自定义组件的实现过程。

前言

我难受了，我刚知道QDateEdit自带下拉框，而且还是在好心网友的提醒下，我抑郁了。但是我已经写了自定义了，就这样吧，其实自定义也没多复杂，当然，自带的超级简单。

代码及说明

官方自带的

要想QDateEdit(或QDateTimeEdit)为弹出日历的形式，则需要先设置setCalendarPopup(true)，必须要先设置这个；然后将自定义的日历进行设置（setCalendarWidget(pCalendar)）。

我发现一点就是这个不能设置只读模式（我只是想去掉光标，禁止键盘编辑），这样就是丧失了按钮的使能，所以怎么去掉这个光标呢，等待下一个大佬告诉我！！

日历MyCalendarWidget这部分，我已经在上一篇博客中介绍过了，这里就不再说了。

    ui->dateEdit->setCalendarPopup(true); //必须先设置这个
    MyCalendarWidget* pCalendar=new MyCalendarWidget;
    pCalendar->setFixedSize(248,200);
    pCalendar->initStyle(false);
    ui->dateEdit->setCalendarWidget(pCalendar);
    ui->dateEdit->setDate(QDate::currentDate());
    ui->dateEdit->setDisplayFormat("MM月dd日 ddd");

自定义的（就当我写着玩吧，给留一丝尊严）

那么，关于日历下拉这个效果怎么实现？我继承了QLineEdit，然后在里面加了一个按钮，控制日历的显示。为了让日历响应点击其他区域关闭的效果，我选择了用QMenu把日历QCalendarWidget包起来。

具体代码有：

#include<QLineEdit>
#include<QMenu>
#include<QToolButton>
#include"MyCalendarWidget.h"

class MyCalendarCombo:public QLineEdit
{
    Q_OBJECT
public:
    explicit MyCalendarCombo(QWidget *parent = Q_NULLPTR);
    ~MyCalendarCombo();

private slots:
    void showCalendar();
    void showDateText(const QDate &date);  
protected:
    void resizeEvent(QResizeEvent *event); //大小变化时，调整按钮的位置

private:
    QToolButton* m_pCalendarBtn;
    QMenu* m_pContextMenu;
    MyCalendarWidget *m_pCalendarWidget;


};

#include "MyCalendarCombo.h"
#include<QWidgetAction>
#include<QDebug>

#define BTN_Len 10
#define BTN_Margin 6

MyCalendarCombo::MyCalendarCombo(QWidget *parent):
    QLineEdit(parent)
{
    this->setReadOnly(true);

    m_pCalendarBtn=new QToolButton(this);

    m_pCalendarWidget=new MyCalendarWidget(this);
    m_pCalendarWidget->initStyle(false);
    m_pCalendarWidget->setFixedSize(248,200);
    connect(m_pCalendarWidget,&MyCalendarWidget::clicked,this,&MyCalendarCombo::showDateText);

    QWidgetAction* wAction=new QWidgetAction(this);
    wAction->setDefaultWidget(m_pCalendarWidget);

    m_pContextMenu=new QMenu(this);
    m_pContextMenu->setWindowFlag(Qt::NoDropShadowWindowHint);
    m_pContextMenu->addAction(wAction);
    connect(m_pCalendarBtn,SIGNAL(clicked(bool)),this,SLOT(showCalendar()));

    QDate date=m_pCalendarWidget->selectedDate();
    this->setText(date.toString("MM月dd日 ddd"));


}

MyCalendarCombo::~MyCalendarCombo()
{

}

void MyCalendarCombo::showCalendar()
{
    int x=this->x();
    int y=this->y()+this->height();
    QWidget* parentWidget=qobject_cast<QWidget*>(parent());
    QPoint pt=parentWidget->mapToGlobal(QPoint(x,y));
    m_pContextMenu->exec(pt);
}

void MyCalendarCombo::showDateText(const QDate& date)
{
    this->setText(date.toString("MM月dd日 ddd"));
    m_pContextMenu->close();
}

void MyCalendarCombo::resizeEvent(QResizeEvent *event)
{
    int x=this->width()-BTN_Len-BTN_Margin;
    int y=this->height()/2-BTN_Len/2;
    m_pCalendarBtn->setGeometry(x,y,BTN_Len,BTN_Len);
    //防止文本框输入内容位于按钮之下
    QMargins margins = this->textMargins();
    this->setTextMargins(margins.left(), margins.top(), margins.right()-BTN_Len-BTN_Margin, margins.bottom());
}