【QSS样式表 - ⑪】：QDateTimeEdit控件样式

最新推荐文章于 2025-02-15 08:00:00 发布
最新推荐文章于 2025-02-15 08:00:00 发布
阅读量1.3k 收藏 9
点赞数 15
分类专栏： QSS样式表 文章标签： PyQt5 PySide6 QtDesigner QSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Oh_Python/article/details/144683979
版权

文章目录

QDateTimeEdit控件样式

  1. QDateTimeEdit 子控件
    在这里插入图片描述

  2. QCalendarWidget 的子控件
    在这里插入图片描述
    在这里插入图片描述

  3. 属性选择器
    在这里插入图片描述

QSS示例

  1. 新建一个 QMainWindow ，并在窗口中放置 QDateTimeEdit 和 QCalendarWidget 控件。对 QDateTimeEdit控件的设置如下：
    在这里插入图片描述
    在这里插入图片描述

  2. 如下图所示。

    3. 


                

                
                
        

         

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        


    



                



	

		

			

				
					
Qt之QDateTimeEdit

				
			

			

				

					weixin_33814685的博客
				

				

					09-01
					
					3360
					
				

			

		

		

			
				
简述

QDateTime类提供了一个部件，用于编辑日期和时间。

QDateTimeEdit允许用户编辑日期，通过使用键盘或箭头键来增加和减少日期和时间值。箭头键可以在QDateTimeEdit内进行部分移动，日期和时间的格式按照setDisplayFormat()设置的显示。





简述

基本使用
效果
源码



日期时间格...

			
		

	



                

            
              



	

		

			

				
					
【QSS样式表 - ⑦】：QCheckBox控件样式

				
			

			

				

					Oh_Python的博客
				

				

					12-23
					
					371
					
				

			

		

		

			
				
【代码】【QSS样式表 - ⑦】：QCheckBox控件样式。

			
		

	



              


  
              

                


	

		

			

				
					
Qt自定义实现的DateTime控件，使用样式对控件进行了美化，并添加了农历的实现，此为源码

				
			

			

				

					05-31
				

			

		

		

			
				
Qt重新自定义实现了日历控件，QCalendarWidget控件的样式表太难设置，且整体背景无法实现外发光的效果，于是重新自定义实现了改控件，并对控件的外观进行了美化，同时添加了农历的实现。使用vs2015或QtCreator都可以打开。

			
		

	





	

		

			

				
					
Qt中QTimeEdit、QDateEdit、QDateTimeEdit样式表

				
			

			

				

					笔记的博客
				

				

					07-30
					
					8069
					
				

			

		

		

			
				
1.1  QTimeEdit 样式表
效果图：

qss代码：
.QTimeEdit[timeEditStyle="commom"]
{
    min-height:24px;
    max-height:24px;
    border-radius:2px;
    border:1px solid #cccccc;
}

.QTimeEdit[timeEditStyle="commom"]:hover,
.QTimeEdit[timeEditStyle="commom"]:focus
{
    

			
		

	



		

			
		



	

		

			

				
					
QSS实践汇总（5）——QDateTimeEdit样式（风格）

				
			

			

				

					m0_51668269的博客
				

				

					11-10
					
					2820
					
				

			

		

		

			
				
一、简单说明

QDateTimeEdit、QSpinBox、QDoubleSpinBox风格类似

二、QDateTimeEdit风格



QDateTimeEdit{

background:transparent;

border:1px solid rgb(82,143,199);

border-radius:2px;

min-height:26px;

max-height:26px;

}

QDateTimeEdit::up-arrow{

image:url(:/commo...

			
		

	





	

		

			

				
					
Qt 之 QDateTimeEdit

				
			

			

				

					pingis58的博客
				

				

					08-18
					
					2459
					
				

			

		

		

			
				
转自：https://blog.youkuaiyun.com/liang19890820/article/details/52387275

简述
QDateTime类提供了一个部件，用于编辑日期和时间。

QDateTimeEdit允许用户编辑日期，通过使用键盘或箭头键来增加和减少日期和时间值。箭头键可以在QDateTimeEdit内进行部分移动，日期和时间的格式按照setDisplayFormat()设置的显示。

| 版权声明：一去、二三里，未经博主允许不得转载。

基本使用
QDateTimeEdit有好多个构

			
		

	





	

		

			

				
					
Qt中Spinbox，DateTimeEdit等控件样式表：箭头在左右两边QSS代码示例

				
			

			

				

					左霖风的博客
				

				

					09-27
					
					8076
					
				

			

		

		

			
				
/*spinbox 抬起样式*/
QTimeEdit::up-button,QDoubleSpinBox::up-button,QSpinBox::up-button {subcontrol-origin:border;
	subcontrol-position:right;
	image: url(:/ico/up_right.png);
	width: 12px;
	height: 20px;...

			
		

	





	

		

			

				
					
【QSS样式表 - ⑫】：QProgressBar控件样式

				
			

			

				

					Oh_Python的博客
				

				

					12-24
					
					569
					
				

			

		

		

			
				
【代码】【QSS样式表 - ⑫】：QProgressBar控件样式。

			
		

	





	

		

			

				
					
【QSS样式表 - ④】：QLabel控件样式

				
			

			

				

					Oh_Python的博客
				

				

					12-22
					
					271
					
				

			

		

		

			
				
【代码】【QSS样式表 - ④】：QLabel控件样式。

			
		

	





	

		

			

				
					
【QSS样式表 - ⑰】：QTabWidget控件样式

				
			

			

				

					Oh_Python的博客
				

				

					12-25
					
					581
					
				

			

		

		

			
				
【代码】【QSS样式表 - ⑰】：QTabWidget控件样式。

			
		

	





	

		

			

				
					
Qt开发：Qt Widgets模块——QDateTimeEdit类

				
			

			

				

					一世豁然的专栏
				

				

					05-31
					
					7547
					
				

			

		

		

			
				
QDateTimeEdit类提供了一个用于编辑日期和时间的小部件。头文件：#include <QDateTimeEdit>qmake：QT += widgets继承：QAbstractSpinBox被继承：QDateEdit和QTimeEditQDateTimeEdit允许用户通过使用键盘或箭头键来增加和减少日期和时间值来编辑日期。 箭头键可用于在QDateTimeEdit框中从一个部...

			
		

	





	

		

			

				
					
【Qt】Qt控件 | QDateTimeEdit

				
			

			

				

					m0_72563041的博客
				

				

					08-01
					
					1134
					
				

			

		

		

			
				
【Qt】QDateTimeEdit

			
		

	





	

		

			

				
					
QDateEdit日历修改之QCalendarWidget 样式设置

					
热门推荐

				
			

			

				

					蜗牛的专栏
				

				

					08-08
					
					1万+
					
				

			

		

		

			
				
1. QDateEdit控件显示日历，需要用下面的setCalendarPopup(true)；


ui.dateEdit->setCalendarPopup(true);

2. 日历样式的修改需要用到QCalendarWidget控件。其样式的调整可以在QSS中调整。



下面就图中的标记进行说明：

1）左右两边的箭头，是用代码实现的。


QToolButton*prevBtn...

			
		

	





	

		

			

				
					
QSS、QDateEdit、QCalendarWidget自定义设置

				
			

			

				

					weixin_43246170的博客
				

				

					12-29
					
					4760
					
				

			

		

		

			
				
日期编辑器的样式只需要设置qss即可。
    m_dateedit->setStyleSheet("QDateEdit#MDateEdit{background:#4455ff;color:white;selection-color:yellow;"
                              "font-size:24px;"
                              "border-radius:5px;"
                         ..

			
		

	





	

		

			

				
					
QDateTimeEdit 控件样式的设计与设置图片

				
			

			

				

					jijie_ming的博客
				

				

					12-24
					
					313
					
				

			

		

		

			
				
if 1}");#else}");#endif。

			
		

	





	

		

			

				
					
「QT」QSS样式表 之 QDateTimeEdit日期时间编辑框类

					
最新发布

				
			

			

				

					何曾参静谧的博客
				

				

					02-15
					
					1799
					
				

			

		

		

			
				
本文将深入探讨如何在Qt5中使用QSS来定制QDateTimeEdit控件的样式，涵盖背景、边框、字体、按钮以及交互状态（如悬停、焦点和禁用状态）的样式定制。QSS允许开发者通过选择器指定哪些控件将应用特定的样式规则，并使用属性和值来定义这些控件的外观。QDateTimeEdit控件的QSS定制主要涉及其整体外观、输入框、按钮（如下拉按钮和上下箭头按钮，尽管QDateTimeEdit通常只显示一个下拉按钮用于选择日期和时间）以及交互状态的样式。方法为单个QDateTimeEdit控件设置样式表。

			
		

	





	

		

			

				
					
Qt 通过QSS使QDateTimeEdit,QTimeEdit,QDoubleSpinBox,QSpinBox方便触摸

				
			

			

				

					叶海
				

				

					10-14
					
					2171
					
				

			

		

		

			
				
/*方便触摸样式*/
QDateTimeEdit,QTimeEdit,QDoubleSpinBox,QSpinBox{
	/*居中*/
    qproperty-alignment: 'AlignHCenter| AlignVCenter';
	width: 30px;
	height: 30px;	
}

/*上按钮*/
QDateTimeEdit::up-button,QTimeEdit::...

			
		

	





	

		

			

				
					
【Qt】 QDateTimeEdit | QDial

				
			

			

				

					qq_62939852的博客
				

				

					09-01
					
					1375
					
				

			

		

		

			
				
—外观是否会跟踪数值变化   默认值为true  一般不需要修改。——按下pageUp  或 pageDown 的时候改变的步长。其参数为 0到1  的小数 ( 1完全不透明   0完全透明)—— 时间⽇期的值   如 2000/1/1 0:00:00。——时间⽇期格式.     如yyyy/M/d H:mm。——刻度线之间的相对位置  数字越大 刻度线越稀疏。——单纯⽇期的值.  如 2001/1/1。——单纯时间的值.  如 0:00:00。——按下方向键的时候改变的步长。

			
		

	





	

		

			

				
					
qt QDateEdit qss

				
			

			

				

					lx0307的博客
				

				

					05-06
					
					1929
					
				

			

		

		

			
				
Qt中DateTimeEdit等时间日期控件设置显示格式
QCalendarWidget 是一个比较复杂的 widget，由几个 QToolButton, QSpinBox, QMenu, QTableView 等控件组成，要修改其样式的时候应该怎么办呢？
MainWidget::MainWidget(QWidget *parent) : QWidget(parent), ui(new Ui::M...

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
街 三 仔

			
你的鼓励是我创作的最大动力~

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值