控件预览：

控件基于QT设计，单击日历设置时间范围起点，再次单击日历设置时间范围终点；
当起止时间为同一天时，所选日期右上角显示“单”字样：

控件设计说明：

控件基于QT中QDialog控件：

1、由两基本QCalendarWidget拼接而成；
2、可独立修改QCalendarWidget样式，包括底纹，背景色，选中显示字样，选取时间范围颜色等；

class ScopeCalendar : public QDialog
{Q_OBJECTpublic:explicit ScopeCalendar(QWidget *parent = nullptr);~ScopeCalendar();private:Ui::ScopeCalendar *ui;/*!* \brief initAfterOpen 初始化调用*///初始化操作void initAfterOpen();//槽函数连接void setConnection();void rlBeClicked(std::pair<QString,QDate> info);DateSelected _selectedDate;
signals:void sendResult(QString dateRange);
};

最终结果由信号sendResult发送，调用及解析方式如下：

    auto calendar=new ScopeCalendar();connect(calendar,&ScopeCalendar::sendResult,[=](QString result){_result=result;});calendar->exec();QStringList list=_result.split(QString::fromLocal8Bit(" 至 "));

其中list[0]为起始时间，list[1]为终止时间。

关于自定义QCalendarWidget样式说明：

#include "qpainter.h"
#include <QObject>
#include "QCalendarWidget"
/*!* \brief The drawCalendarCellParam class 用于绘制单元格*/
class DrawCalendarCellParam
{friend class MyCalendarWidget;
public:/*!* \brief background 背景颜色*/QColor _background=QColor(255,255,255);/*!* \brief _numColor 文字颜色*/QColor _numColor=QColor(0,0,0);/*!* \brief _topRightCharactersColor 右上角起止字体颜色*/QColor _topRightCharactersColor=Qt::red;/*!* \brief _textureColor 底纹颜色*/QColor _textureColor=Qt::gray;
private:/*!* \brief _isEndOrStart 是否为起止日期*/bool _isEndOrStart=false;/*!* \brief _topRightCharacters 起止字符设置*/Qt::BrushStyle _textureStyle =Qt::FDiagPattern;
};
class MyCalendarWidget : public QCalendarWidget
{Q_OBJECT
public:MyCalendarWidget(QWidget* parent=nullptr);virtual void paintCell(QPainter *painter, const QRect &rect, const QDate &date) const;void setParam(const DrawCalendarCellParam &param);void clearAllTopRight();void upDateCellForTopRight(QDate date);void setStart(const QDate &start);void setEnd(const QDate &end);void setSelectedColorBetweenTwoDatas(QDate start,QDate end);bool eventFilter(QObject *obj, QEvent *event);
private:DrawCalendarCellParam _param;QDate _start;QDate _end;QDate _colorStart;QDate _colorEnd;};

通过重写virtual void paintCell(QPainter *painter, const QRect &rect, const QDate &date) const函数，实现自定义控件样式的实现：

void MyCalendarWidget::paintCell(QPainter *painter, const QRect &rect, const QDate &date) const
{//设置底色painter->setBrush(QBrush(_param._background,Qt::SolidPattern));painter->drawRect(rect);//设置底纹if(this->monthShown()!=date.month()){painter->setBrush(QBrush(_param._textureColor,_param._textureStyle));painter->drawRect(rect);}//书写日历数字painter->setFont(QFont("宋体",rect.width()/3));painter->setPen(_param._numColor);painter->drawText(rect,Qt::AlignHCenter|Qt::AlignVCenter,QString::number(date.day()));//书写右上角起止字样if(date==_start&&date!=_end&&this->monthShown()==date.month()){painter->setFont(QFont("宋体",rect.width()/6));painter->setPen(_param._topRightCharactersColor);painter->drawText(QRect(rect.x()+rect.width()*2/3,rect.topLeft().y(),rect.width()/3,rect.width()/3),Qt::AlignHCenter|Qt::AlignVCenter,QString::fromLocal8Bit("起"));painter->setPen(Qt::black);painter->setBrush(QBrush(QColor(0,255,255,50),Qt::SolidPattern));painter->drawRect(rect);}if(date==_end&&date==_start&&this->monthShown()==date.month()&&date.isValid()){painter->setFont(QFont("宋体",rect.width()/6));painter->setPen(_param._topRightCharactersColor);painter->drawText(QRect(rect.x()+rect.width()*2/3,rect.topLeft().y(),rect.width()/3,rect.width()/3),Qt::AlignHCenter|Qt::AlignVCenter,QString::fromLocal8Bit("单"));painter->setPen(Qt::black);painter->setBrush(QBrush(QColor(0,255,255,50),Qt::SolidPattern));painter->drawRect(rect);}else if(date==_end&&date!=_start&&this->monthShown()==date.month()){painter->setFont(QFont("宋体",rect.width()/6));painter->setPen(_param._topRightCharactersColor);painter->drawText(QRect(rect.x()+rect.width()*2/3,rect.topLeft().y(),rect.width()/3,rect.width()/3),Qt::AlignHCenter|Qt::AlignVCenter,QString::fromLocal8Bit("止"));painter->setPen(Qt::black);}if(_colorStart.isValid()&&_colorEnd.isValid()&&date<=_colorEnd&&date>_colorStart&&this->monthShown()==date.month()){painter->setBrush(QBrush(QColor(0,255,255,50),Qt::SolidPattern));painter->drawRect(rect);}
}

注：关于拦截QCalendarWidget控件中鼠标滚轮信号QEvent::Wheel的方法：

由于想禁用在鼠标滚轮滚动时，QCalendarWidget自带的翻页效果，经尝试，直接在QCalendarWidget类或其子类中使用事件过滤器拦截没有效果，应对CalendarWidget类中的成员类变量QTableView类进行拦截，方法是使用findChildren函数，寻找QTableView类，并对其中的viewport()部分添加事件过滤器。

    for(auto each:this->findChildren<QTableView*>()){each->viewport()->installEventFilter(this);}

之后设置qt事件过滤器进行拦截；

bool MyCalendarWidget::eventFilter(QObject *obj, QEvent *event)
{if(event->type()==QEvent::Wheel){return true;}else{return QWidget::eventFilter(obj,event);}
}

源码及动态库下载：

下载内容包含：
1、控件源代码（qtcreator工程源码）
2、Windows下32位及64位动态库（不必修改样式时可直接使用）
地址：
点击跳至下载页

基于qt中QCalendarWidget的双日历时间范围选择控件（自定义）相关推荐

qt中QHBoxLayout或QVBoxLayout布局内控件的动态生成与显示
---恢复内容开始--- qt中QHBoxLayout或QVBoxLayout布局内控件的动态生成与显示打个比方,我现在写个小例子,这个小例子是这样的,整个界面分为俩个部分,分为上半部分和下半部分, ...
bootstrap之双日历时间段选择控件—daterangepicker(汉化版)
jQuerybootstrapdaterangepicker汉化版双日历时间段选择插件 - daterangepicker是bootstrap框架后期的一个时间控件,可以设定多个时间段选项,也可以自 ...
基于QT封装的音视频播放时间轴控件
采用QT graphicsview视图框架,可以实现时间轴缩放,指针拖拉,滚动条移动,可以新增指针事件等,提供时间片添加接口. 思路:左侧车牌信息和通道列表是qwidget正常的窗口,右侧的时间轴,通 ...
qt中label双击_qt关于QLabel控件的实现双击调用文件对话框
这里是手动添加以QLabel为基类c++类,重载mouseDoubleClickEvent()nlabel.h #ifndef NLABEL_H #define NLABEL_H #include c ...
基于Bootstrap的时分秒选择控件timepicker
基于Bootstrap的时分秒选择控件timepicker 最近项目中要用到时间选择控件,然而研究了半天并没有发现 bootstrap-datetimepicker 控件只选择时分秒的配置方法.自己动 ...
html+lt;input+file样式,不同内核的浏览器中文件选择控件的外观也不相同
标准参考根据 W3C HTML4.01 规范中的描述,type 属性为 "file" 的 INPUT 元素在浏览器中将被渲染为一个文件选择控件(file select),这种控件 ...
基于JEECG制作一个通用的级联字典选择控件-DictCascadeUniversal
字典是所有MIS系统不可缺少的重要组成部分.为减少输入,标准化输入内容,使得数据更加准确地被输入.往往需要在数据库中配置各种各样的字典表.如下图: 而绝大部分字典的字段简单,且高度一致.建议一个通用的 ...
选择控件— UI组件系列
重点 (Top highlight) The word "toggle" is a reference to a switch with a short handle that a ...
【仿汽车之家】价格区间选择控件
仿照汽车之家iOS客户端"找车"栏目的价格区间选择控件,最终实现效果如下: 一.界面实现 *根据屏幕大小以及刻度的大小,宏定义需要用到的一些值 #define SCREENW [U ...

基于qt中QCalendarWidget的双日历时间范围选择控件（自定义）