CN109491650A - 一种日期时间组件设置方法、装置及计算机可读存储介质 - Google Patents
一种日期时间组件设置方法、装置及计算机可读存储介质 Download PDFInfo
- Publication number
- CN109491650A CN109491650A CN201811190624.9A CN201811190624A CN109491650A CN 109491650 A CN109491650 A CN 109491650A CN 201811190624 A CN201811190624 A CN 201811190624A CN 109491650 A CN109491650 A CN 109491650A
- Authority
- CN
- China
- Prior art keywords
- time
- date
- type
- component
- module
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computer Security & Cryptography (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
Abstract
一种日期时间组件设置方法、装置及计算机可读存储介质,该方法包括:在日历组件中设置展示类型为日期型的data单元、展示类型为时间型的time单元和展示类型为日期时间型的date‑time单元;利用引用日历组件的引用组件向日历组件发送调用请求,所述日历组件根据调用函数的内容返回不同的日历展示类型和逻辑功能。本发明把日期时间的展示类型做成可配置的,开发者在使用时只需要配置展示类型就可以自行去控制输出展示样式,只需要配置开始时间字段就可以做到实时校验结束时间的合理性。
Description
技术领域
本发明涉及日历时间应用领域,具体地说,涉及一种日期时间组件设置方法、装置及计算机可读存储介质。
背景技术
现有技术中有基于VUE(用于构建用户界面的渐进式框架)的日期时间组件,但只满足日期时间的同时展示选择,并不能够灵活的去配置只显示日期,只显示时间等需求,而且如果需要设置起止时间的时候并不能够实时对时间设置结果进行实时反馈,有一点的局限性。而对于一些开发者,有时需要开发一些页面仅显示有日期,或仅显示有时间,目前为止暂没有能够实现该显示形式的技术方案。
发明内容
为解决现有技术存在的不足,本发明提供一种日期时间组件设置方法、装置及计算机可读存储介质,采用引用组件调用日历组件,并根据调用函数的不同返回不同的日历形式。
一种日期时间组件设置方法,应用于电子装置,该方法包括:在日历组件中设置展示类型为日期型的data单元、展示类型为时间型的time单元和展示类型为日期时间型的date-time单元;利用引用日历组件的引用组件向日历组件发送调用请求,所述日历组件根据调用函数的内容返回不同的日历展示类型和逻辑功能。
优选地,引用组件通过调用函数import向日历组件发送调用请求。
优选地,还设置有开始时间字段,通过time:this.startTime来设置开始时间,所述开始时间字段为时间戳。
优选地,还设置有最小时间,所述最小时间是指结束时间与开始时间之间的差值,通过minTime:“"设置日历组件限制的最小时间,最小时间字段为时间戳或空。
优选地,该日历组件设置有开始日期模块、结束日期模块,用于选取一个时间段,其中,开始日期模块设置有开始日期显示框,默认显示当天日期,结束日期模块设置有结束日期显示框,在鼠标悬停或鼠标点击开始日期显示框的情况下,从开始日期显示框出现下拉菜单框,在鼠标悬停或鼠标点击结束日期显示框的情况下,从结束日期显示框出现下拉菜单框,并且,在下拉菜单框内显示有日历,在下拉菜单框的上端设置有月份选择单元,在下拉菜单框的上部还横向设置有星期。
优选地,如果一周是以周一为起始,则以月的1号对应的星期数向前减少周几的天数-1即为该下拉菜单框中显示的起始日期,该下拉菜单框的结尾日期为起始日期加41天;如果该下拉菜单框中开始为周日,则直接向前推周几的天数,即为该下拉菜单框显示的起始日期,该下拉菜单框的结尾日期为起始日期加41天。
优选地,该日历组件还设置有开始时间模块和结束时间模块,当开始日期模块显示的日期大于结束日期模块显示的日期,则不论开始时间模块和结束时间模块显示的时间,都显示错误提示;当开始日期模块显示的日期小于结束日期模块显示的日期,若开始时间模块显示的时间大于结束时间模块显示的时间,也显示错误提示;当开始日期模块显示的日期小于结束日期模块显示的日期,开始时间模块显示的时间小于结束时间模块显示的时间,则不需提示。
本发明还提供一种电子装置,所述电子装置包括存储器及与所述存储器连接的处理器,所述存储器中存储有日期时间组件设置程序,所述日期时间组件设置程序被所述处理器执行时实现如下步骤:在日历组件中设置展示类型为日期型的data单元、展示类型为时间型的time单元和展示类型为日期时间型的date-time单元;利用引用日历组件的引用组件向日历组件发送调用请求,所述日历组件根据调用函数的内容返回不同的日历展示类型和逻辑功能。
优选地,还设置有开始时间设置单元,通过time:this.startTime来设置开始时间,所述开始时间字段为时间戳;还设置有最小时间设置单元,所述最小时间是指结束时间与开始时间之间的差值,最小时间设置单元通过minTime:“"设置日历组件限制的最小时间,所述最小时间为时间戳或空。
本发明还提供一种计算机可读存储介质,所述计算机可读存储介质中包括日期时间组件设置程序,所述日期时间组件设置程序被处理器执行时,实现以上所述的日期时间组件设置方法的步骤。
本发明把日期时间的展示类型做成可配置的,开发者在使用时只需要配置展示类型就可以自行去控制输出展示样式,只需要配置开始时间字段就可以做到实时校验结束时间的合理性。
附图说明
通过结合下面附图对其实施例进行描述,本发明的上述特征和技术优点将会变得更加清楚和容易理解。
图1是表示本发明实施例的日期时间组件设置方法的流程图;
图2是表示本发明实施例的电子装置的硬件架构示意图;
图3是表示本发明实施例的日期时间组件设置程序的程序模块图;
图4是表示本发明实施例的日历展示样式模块的构成图。
具体实施方式
下面将参考附图来描述本发明所述的日期时间组件设置方法、装置及计算机可读存储介质的实施例。本领域的普通技术人员可以认识到,在不偏离本发明的精神和范围的情况下,可以用各种不同的方式或其组合对所描述的实施例进行修正。因此,附图和描述在本质上是说明性的,而不是用于限制权利要求的保护范围。此外,在本说明书中,附图未按比例画出,并且相同的附图标记表示相同的部分。
一种日期时间组件设置方法,是基于VUE的日期时间组件的设置方法,包括以下步骤:
步骤S10,在日历组件中设置展示类型为日期型的data单元、展示类型为时间型的time单元和展示类型为日期时间型的date-time单元;
步骤S30,利用引用日历组件的引用组件向日历组件发送调用请求,所述日历组件根据调用函数的内容返回不同的日历展示类型和逻辑功能。
优选地,引用组件包括调用函数import,所述引用组件通过调用函数import向所述日历组件发送调用请求,所述日历组件根据所述调用函数的内容返回不同的日历展示类型和逻辑功能。
优选地,所述调用函数import包括至少以下代码段(代码中//后面为解释说明性语言):
{
type:this.typeShow,//组件展示类型“date”为日期型,“time”为时间型,“date-time”为日期时间型,
}
根据不同的显示需求,将“this.typeShow”替换为所需的日历展示类型,例如,替换为date,则代码段为:
{
type:date,//组件展示类型“date”为日期型,“time”为时间型,“date-time”为日期时间型,
}
通过调用函数import向日历组件发送该段代码段,日历组件根据接收到的代码段中的数据类型type为date,则相应的展示为日期型。
同样地,将“this.typeShow”替换为time,则代码段为:
{
type:time,//组件展示类型“date”为日期型,“time”为时间型,“date-time”为日期时间型,
}
通过调用函数import向日历组件发送该段代码段,日历组件根据接收到的代码段中的数据类型type为time,则相应的展示为时间型。
同样地,将“this.typeShow”替换为date-time,则代码段为:
{
type:date-time,//组件展示类型“date”为日期型,“time”为时间型,“date-time”为日期时间型,
}
通过调用函数import向日历组件发送该段代码段,日历组件根据接收到的代码段中的数据类型type为date-time,相应的展示为日期时间型。
优选地,该日历组件设置有开始日期模块、结束日期模块,用于选取一个时间段,其中,开始日期模块设置有开始日期显示框,默认显示当天日期,结束日期模块设置有结束日期显示框。在鼠标悬停或鼠标点击该开始日期显示框的情况下,从开始日期显示框出现一个下拉菜单框。在鼠标悬停或鼠标点击该结束日期显示框的情况下,从结束日期显示框出现一个下拉菜单框。
在开始日期显示框、结束日期显示框的下拉菜单框内都显示有日历,下面以开始日期显示框为了进行说明。在下拉菜单框的上端设置有月份选择单元,鼠标点击该月份选择单元可选择月份。在所述下拉菜单框的上部还横向设置有星期,优选地,以星期日为每星期起始的一天。也就是说,从左至右分别为星期日、星期一……星期六。而日期则从1号对应的星期几开始依次排列多行,以显示该月份的日期。
一个月中有28到31天不等,日历中会有部分上一月和下一月的日期。其中,如果一周是以周一为起始,则以该月的1号对应的星期数向前减少周几的天数-1即为该下拉菜单框中显示的起始日期,例如,2018年9月1号对应的是周六,则由1号向前推5天,即为该下拉菜单框显示的起始日期,即8月27日。
如果该下拉菜单框中开始为周日,则向前推周几的天数即可,例如,2018年9月1号对应的是周六,则由1号向前推6天,即为该下拉菜单框显示的起始日期,即8月26日。
该下拉菜单框的结尾日期为起始日期加41天。
当然,也可以不显示前后月份的日期,而显示为空白。
同样地,结束日期模块也具有以上的功能模块,其设置方法相同,在此不做详述。
以上是以仅有日期为例进行说明,对于具有日期时间的开始日期时间模块、结束日期时间模块,在开始日期时间显示框中同时显示日期和时间,因此还有开始时间模块。开始时间模块设置有小时单元、分钟单元、秒单元,其中,小时的数据范围为0到23;分钟的数据范围为00到59,秒的数据范围为0到59。可以通过鼠标点击及滑动来选择对应的小时、分钟、秒。
同样地,结束日期时间模块也包括结束日期模块和结束时间模块,其中,结束日期模块的日期的显示和选择方式和以上相同。结束时间模块设置有小时单元、分钟单元、秒单元,其中,小时的数据范围为0到23,分钟的数据范围为00到59,秒的数据范围为0到59。可以通过鼠标点击及滑动来选择对应的小时、分钟、秒。
其中,当开始日期模块显示的日期大于结束日期模块显示的日期,则不论开始时间模块和结束时间模块显示的时间,都显示错误提示。
当开始日期模块显示的日期小于结束日期模块显示的日期,若开始时间模块显示的时间大于结束时间模块显示的时间,也显示错误提示。
当开始日期模块显示的日期小于结束日期模块显示的日期,开始时间模块显示的时间小于结束时间模块显示的时间,则不需提示。
优选地,还可以设置开始时间字段,从而可以实时校验结束时间的合理性,其代码如下:
{
time:this.startTime,//默认开始时间,是时间戳(一个字符序列)
type:this.typeShow,//组件展示类型“date”为日期型,“time”为时间型,“date-time”为日期时间型
}
例如,对于一些对开始时间有要求的活动,可以通过time:this.startTime代码来设置开始时间。而结束时间则只能晚于开始时间,否则会出现提示信息“结束时间早于开始时间,请重新选择”。
优选地,还可以设置最小时间,所述最小时间是指结束时间与开始时间之间的差值,从而可以实时校验结束时间的合理性,例如,结束时间与开始时间之间的差值小于最小时间,则提示重新选择。其代码如下:
{
time:this.startTime,//默认开始时间,是时间戳
type:this.typeShow,//组件展示类型“date”为日期型,“time”为时间型,“date-time”为日期时间型
minTime:“"//组件限制的最小时间,为时间戳或空
}
其中,最小时间可以为时间戳或空,即可以设置最小时间,也可以不设置最小时间。如果设置最小时间,则结束时间与开始时间之间的差值应大于最小时间,如设置为空,则结束时间与开始时间之间的差值应大于零。
图2所示是本发明电子装置1的硬件架构示意图。所述电子装置1是一种能够按照事先设定或者存储的指令,自动进行数值计算和/或信息处理的设备。所述电子装置1可以是计算机、也可以是单个网络服务器、多个网络服务器组成的服务器组或者基于云计算的由大量主机或者网络服务器构成的云,其中云计算是分布式计算的一种,由一群松散耦合的计算机集组成的一个超级虚拟计算机。
在本实施例中,电子装置1可包括,但不仅限于,可通过系统总线相互通信连接的存储器11、处理器14和显示器15,需要指出的是,图2仅示出了具有部分组件的电子装置1,但是应理解的是,并不要求实施所有示出的组件,可以替代的实施更多或者更少的组件。
其中,存储器11包括内存及至少一种类型的可读存储介质。内存为电子装置1的运行提供缓存;可读存储介质可为如闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等的非易失性存储介质。在一些实施例中,可读存储介质可以是电子装置1的内部存储单元,例如该电子装置1的硬盘;在另一些实施例中,该非易失性存储介质也可以是电子装置1的外部存储设备,例如电子装置1上配备的插接式硬盘,智能存储卡(Smart Media Card),安全数字(Secure Digital)卡,闪存卡(Flash Card)等。本实施例中,存储器11的可读存储介质通常用于存储安装于电子装置1的操作系统和各类应用软件,例如本实施例中的日期时间组件设置程序代码等。此外,存储器11还可以用于暂时地存储已经输出或者将要输出的各类数据。
所述处理器14用于运行所述存储器11中存储的程序代码或者处理数据。
另外,电子装置1还包括网络接口,所述网络接口可包括无线网络接口或有线网络接口,该网络接口通常用于在所述电子装置1与其他电子设备之间建立通信连接。
日期时间组件设置程序存储在存储器11中,包括至少一个存储在存储器中的计算机可读指令,该至少一个计算机可读指令可被处理器14执行,以实现本申请各实施例的方法;以及,该至少一个计算机可读指令依据其各部分所实现的功能不同,可被划为不同的逻辑模块。
在一个实施例中,上述日期时间组件设置程序被所述处理器14执行时实现如下步骤:
步骤S10,在日历组件中设置展示类型为日期型的data单元、展示类型为时间型的time单元和展示类型为日期时间型的date-time单元;
步骤S30,利用引用日历组件的引用组件向日历组件发送调用请求,所述日历组件根据调用函数的内容返回不同的日历展示类型和逻辑功能。
图3所示为日期时间组件设置程序50的程序模块图。在本实施例中,日期时间组件设置程序50被分割为多个模块,该多个模块被存储于存储器11中,并由处理器14执行,以完成本发明。本发明所称的模块是指能够完成特定功能的一系列计算机程序指令段。
所述日期时间组件设置程序50可以被分割为:日历组件调用模块51、日历展示样式模块52。其中,如图4所示,日历展示样式模块52还包括展示类型为日期型的data单元521、展示类型为时间型的time单元522和展示类型为日期时间型的date-time单元523。日历组件调用模块51利用调用函数import向所述日历组件发送调用请求,日历展示样式模块52根据所述调用函数的内容返回不同的日历展示类型和逻辑功能。
具体说,当所述调用函数发送请求为日期型时,所述data单元则使得日历展示样式模块52将日历的展示样式显示为日期型。当所述调用函数发送请求为时间型时,所述time单元则使得日历展示样式模块52将日历的展示样式显示为时间型。当所述调用函数发送请求为日期时间型时,所述date-time单元则使得日历展示样式模块52将日历的展示样式显示为日期时间型。
所述调用函数import包括至少以下代码段(代码中//后面为解释说明性语言):
{
type:this.typeShow,//组件展示类型“date”为日期型,“time”为时间型,“date-time”为日期时间型,
}
根据不同的显示需求,日历展示样式模块52将“this.typeShow”替换为所需的日历展示类型,例如,替换为date,则对应的代码为:
{
type:date,//组件展示类型“date”为日期型,“time”为时间型,“date-time”为日期时间型,
}
日历组件调用模块51通过调用函数import向日历组件发送该段代码段,日历展示样式模块52根据接收到的代码段中的数据类型type为date,则相应的展示为日期型。
同样地,将“this.typeShow”替换为time,则代码段为:
{
type:time,//组件展示类型“date”为日期型,“time”为时间型,“date-time”为日期时间型,
}
日历组件调用模块51通过调用函数import向日历组件发送该段代码段,日历展示样式模块52根据接收到的代码段中的数据类型type为time,则相应的展示为时间型。
同样地,将“this.typeShow”替换为date-time,则代码段为:
{
type:date-time,//组件展示类型“date”为日期型,“time”为时间型,“date-time”为日期时间型,
}
通过调用函数import向日历组件发送该段代码段,日历展示样式模块502根据接收到的代码段中的数据类型type为date-time,相应的展示为日期时间型。
优选地,该日历组件设置有开始日期单元524、结束日期单元525,用于选取一个时间段,其中,开始日期单元设置有开始日期显示框,默认显示当天日期,结束日期单元设置有结束日期显示框。在鼠标悬停或鼠标点击该开始日期显示框的情况下,从开始日期显示框出现一个下拉菜单框。在鼠标悬停或鼠标点击该结束日期显示框的情况下,从结束日期显示框出现一个下拉菜单框。
在开始日期显示框、结束日期显示框的下拉菜单框内都显示有日历,下面以开始日期显示框为了进行说明。在下拉菜单框的上端设置有月份选择单元,鼠标点击该月份选择单元可选择月份。在所述下拉菜单框的上部还横向设置有星期,优选地,以星期日为每星期起始的一天。也就是说,从左至右分别为星期日、星期一……星期六。而日期则从1号对应的星期几开始依次排列多行,以显示该月份的日期。
一个月中有28天到31天不等,日历中会有部分上一月和下一月的日期。其中,如果一周是以周一为起始,则以该月的1号对应的星期数向前减少周几的天数-1即为该下拉菜单框中显示的起始日期,例如,2018年9月1号对应的是周六,则由1号向前推5天,即为该下拉菜单框显示的起始日期,即8月27日。
如果该下拉菜单框中开始为周日,则向前推周几的天数即可,例如,2018年9月1号对应的是周六,则由1号向前推6天,即为该下拉菜单框显示的起始日期,即8月26日。
该下拉菜单框的结尾日期为起始日期加41天。
当然,也可以不显示前后月份的日期,而显示为空白。
同样地,结束日期单元也具有以上的功能单元,其设置方法相同,在此不做详述。
以上是以仅有日期为例进行说明,对于具有日期时间的开始日期时间单元、结束日期时间单元,在开始日期时间显示框中同时显示日期和时间,因此还有开始时间单元526。开始时间单元设置有小时单元、分钟单元、秒单元,其中,小时的数据范围为0到23;分钟的数据范围为00到59,秒的数据范围为0到59。可以通过鼠标点击及滑动来选择对应的小时、分钟、秒。
同样地,结束日期时间单元也包括结束日期单元和结束时间单元527,其中,结束日期单元的日期的显示和选择方式和以上相同。结束时间单元设置有小时单元、分钟单元、秒单元,其中,小时的数据范围为0到23,分钟的数据范围为00到59,秒的数据范围为0到59。可以通过鼠标点击及滑动来选择对应的小时、分钟、秒。
其中,当开始日期单元显示的日期大于结束日期单元显示的日期,则不论开始时间单元和结束时间单元显示的时间,都显示错误提示。
当开始日期单元显示的日期小于结束日期单元显示的日期,若开始时间单元显示的时间大于结束时间单元显示的时间,也显示错误提示。
当开始日期单元显示的日期小于结束日期单元显示的日期,开始时间单元显示的时间小于结束时间单元显示的时间,则不需提示。
优选地,还设置有开始时间设置单元528,可以设置开始时间,从而可以实时校验结束时间的合理性,其代码如下:
{
time:this.startTime,//默认开始时间,是时间戳(一个字符序列)
type:this.typeShow,//组件展示类型“date”为日期型,“time”为时间型,“date-time”为日期时间型
}
例如,对于一些对开始时间有要求的活动,可以通过time:this.startTime代码来设置开始时间。而结束时间则只能晚于开始时间,否则会出现提示信息“结束时间早于开始时间,请重新选择”。
优选地,还设置有最小时间设置单元529,可以设置最小时间,所述最小时间是指结束时间与开始时间之间的差值,从而可以实时校验结束时间的合理性,例如,结束时间与开始时间之间的差值小于最小时间,则提示重新选择。其代码如下:
{
time:this.startTime,//默认开始时间,是时间戳
type:this.typeShow,//组件展示类型“date”为日期型,“time”为时间型,“date-time”为日期时间型
minTime:“"//组件限制的最小时间,为时间戳或空
}
其中,最小时间可以为时间戳或空,即可以设置最小时间,也可以不设置最小时间。如果设置最小时间,则结束时间与开始时间之间的差值应大于最小时间,如设置为空,则结束时间与开始时间之间的差值应大于零。
此外,本发明实施例还提出一种计算机可读存储介质,所述计算机可读存储介质可以是硬盘、多媒体卡、SD卡、闪存卡、SMC、只读存储器(ROM)、可擦除可编程只读存储器(EPROM)、便携式紧致盘只读存储器(CD-ROM)、USB存储器等等中的任意一种或者几种的任意组合。所述计算机可读存储介质中包括日历组件、日期时间组件设置程序50等,所述日期时间组件设置程序50被处理器14执行时实现如下操作:
步骤S10,在日历组件中设置展示类型为日期型的data单元、展示类型为时间型的time单元和展示类型为日期时间型的date-time单元;
步骤S30,利用引用日历组件的引用组件向日历组件发送调用请求,所述日历组件根据调用函数的内容返回不同的日历展示类型和逻辑功能。
本发明之计算机可读存储介质的具体实施方式与上述日期时间组件设置方法以及电子装置1的具体实施方式大致相同,在此不再赘述。
以上所述仅为本发明的优选实施例,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (10)
1.一种日期时间组件设置方法,应用于电子装置,其特征在于,该方法包括:
在日历组件中设置展示类型为日期型的data单元、展示类型为时间型的time单元和展示类型为日期时间型的date-time单元;
利用引用日历组件的引用组件向日历组件发送调用请求,所述日历组件根据调用函数的内容返回不同的日历展示类型和逻辑功能。
2.根据权利要求1所述的日期时间组件设置方法,其特征在于,
引用组件通过调用函数import向日历组件发送调用请求。
3.根据权利要求1所述的日期时间组件设置方法,其特征在于,还设置有开始时间字段,通过time:this.startTime来设置开始时间,所述开始时间字段为时间戳。
4.根据权利要求1所述的日期时间组件设置方法,其特征在于,还设置有最小时间,所述最小时间是指结束时间与开始时间之间的差值,通过minTime:“"设置日历组件限制的最小时间,最小时间字段为时间戳或空。
5.根据权利要求1所述的日期时间组件设置方法,其特征在于,该日历组件设置有开始日期模块、结束日期模块,用于选取一个时间段,其中,开始日期模块设置有开始日期显示框,默认显示当天日期,结束日期模块设置有结束日期显示框,在鼠标悬停或鼠标点击开始日期显示框的情况下,从开始日期显示框出现下拉菜单框,在鼠标悬停或鼠标点击结束日期显示框的情况下,从结束日期显示框出现下拉菜单框,
并且,在下拉菜单框内显示有日历,在下拉菜单框的上端设置有月份选择单元,在下拉菜单框的上部还横向设置有星期。
6.根据权利要求5所述的日期时间组件设置方法,其特征在于,
如果一周是以周一为起始,则以月的1号对应的星期数向前减少周几的天数-1即为该下拉菜单框中显示的起始日期,该下拉菜单框的结尾日期为起始日期加41天;
如果该下拉菜单框中开始为周日,则直接向前推周几的天数,即为该下拉菜单框显示的起始日期,该下拉菜单框的结尾日期为起始日期加41天。
7.根据权利要求1所述的日期时间组件设置方法,其特征在于,
该日历组件还设置有开始时间模块和结束时间模块,当开始日期模块显示的日期大于结束日期模块显示的日期,则不论开始时间模块和结束时间模块显示的时间,都显示错误提示;
当开始日期模块显示的日期小于结束日期模块显示的日期,若开始时间模块显示的时间大于结束时间模块显示的时间,也显示错误提示;
当开始日期模块显示的日期小于结束日期模块显示的日期,开始时间模块显示的时间小于结束时间模块显示的时间,则不需提示。
8.一种电子装置,其特征在于,所述电子装置包括存储器及与所述存储器连接的处理器,所述存储器中存储有日期时间组件设置程序,所述日期时间组件设置程序被所述处理器执行时实现如下步骤:
在日历组件中设置展示类型为日期型的data单元、展示类型为时间型的time单元和展示类型为日期时间型的date-time单元;
利用引用日历组件的引用组件向日历组件发送调用请求,所述日历组件根据调用函数的内容返回不同的日历展示类型和逻辑功能。
9.根据权利要求8所述的电子装置,其特征在于,
还设置有开始时间设置单元,通过time:this.startTime来设置开始时间,开始时间字段为时间戳;
还设置有最小时间设置单元,所述最小时间是指结束时间与开始时间之间的差值,最小时间设置单元通过minTime:“"设置日历组件限制的最小时间,所述最小时间为时间戳或空。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中包括日期时间组件设置程序,所述日期时间组件设置程序被处理器执行时,实现如权利要求1至7中任一项所述的日期时间组件设置方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811190624.9A CN109491650A (zh) | 2018-10-12 | 2018-10-12 | 一种日期时间组件设置方法、装置及计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811190624.9A CN109491650A (zh) | 2018-10-12 | 2018-10-12 | 一种日期时间组件设置方法、装置及计算机可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109491650A true CN109491650A (zh) | 2019-03-19 |
Family
ID=65689563
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811190624.9A Pending CN109491650A (zh) | 2018-10-12 | 2018-10-12 | 一种日期时间组件设置方法、装置及计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109491650A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110109674A (zh) * | 2019-04-26 | 2019-08-09 | 平安科技(深圳)有限公司 | 时间选择器的优化方法、装置及存储介质 |
CN111026472A (zh) * | 2019-10-28 | 2020-04-17 | 珠海格力电器股份有限公司 | 日历配置和日期选择的方法、装置、存储介质、电子设备 |
CN112015361A (zh) * | 2020-09-03 | 2020-12-01 | 深圳市大数据研究院 | 一种时间表日期信息的显示和变换方法及装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102184102A (zh) * | 2011-05-04 | 2011-09-14 | 重庆大龙网科技有限公司 | web页面日期范围的选择系统 |
US20140007005A1 (en) * | 2012-06-29 | 2014-01-02 | Evernote Corporation | Scrollable calendar with combined date and time controls |
CN103793277A (zh) * | 2012-11-01 | 2014-05-14 | 航天信息软件技术有限公司 | 一种日期区间的确定系统和方法 |
CN106708482A (zh) * | 2015-07-30 | 2017-05-24 | 北京奇虎科技有限公司 | 一种日期信息的显示方法和装置 |
-
2018
- 2018-10-12 CN CN201811190624.9A patent/CN109491650A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102184102A (zh) * | 2011-05-04 | 2011-09-14 | 重庆大龙网科技有限公司 | web页面日期范围的选择系统 |
US20140007005A1 (en) * | 2012-06-29 | 2014-01-02 | Evernote Corporation | Scrollable calendar with combined date and time controls |
CN103793277A (zh) * | 2012-11-01 | 2014-05-14 | 航天信息软件技术有限公司 | 一种日期区间的确定系统和方法 |
CN106708482A (zh) * | 2015-07-30 | 2017-05-24 | 北京奇虎科技有限公司 | 一种日期信息的显示方法和装置 |
Non-Patent Citations (3)
Title |
---|
KINGDUDU: "【第十九篇】laydate设置起始时间,laydate设置开始时间和结束时间", 《HTTPS://WWW.CNBLOGS.COM/KINGDUDU/P/8529094.HTML》 * |
LAYUI: "日期和时间组件文档", 《HTTPS://WWW.LAYUI.COM/DOC/MODULES/LAYDATE.HTML》 * |
闫朝升: "《Visual Basic程序设计教程》", 30 December 2017 * |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110109674A (zh) * | 2019-04-26 | 2019-08-09 | 平安科技(深圳)有限公司 | 时间选择器的优化方法、装置及存储介质 |
CN111026472A (zh) * | 2019-10-28 | 2020-04-17 | 珠海格力电器股份有限公司 | 日历配置和日期选择的方法、装置、存储介质、电子设备 |
CN112015361A (zh) * | 2020-09-03 | 2020-12-01 | 深圳市大数据研究院 | 一种时间表日期信息的显示和变换方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10019138B2 (en) | Applying a GUI display effect formula in a hidden column to a section of data | |
RU2610288C2 (ru) | Обеспечение возможностей конфигурируемого технологического процесса | |
Yourdon et al. | Mainstream objects: an analysis and design approach for business | |
CN109271142A (zh) | 基于模板组件的开发云平台 | |
CN102257477B (zh) | 应用开发支援装置 | |
CN109491650A (zh) | 一种日期时间组件设置方法、装置及计算机可读存储介质 | |
US20120174023A1 (en) | Single page multi-tier catalog browser | |
CN102142014B (zh) | 导入和导出位于元数据注册系统中的元数据的系统和方法 | |
CN102810057A (zh) | 一种记录日志的方法 | |
CN110427258B (zh) | 基于云平台的资源调度控制方法及装置 | |
CN101349971A (zh) | 用于建议产品软件的版本的方法和系统 | |
Goldsmith | A practical guide to real-time systems development | |
CN108200070A (zh) | 一种生成榜单的方法及装置 | |
US8494886B2 (en) | Embedding planning components in transactional applications | |
US20080155495A1 (en) | Methods and apparatus for modeling a workflow process in an offline environment | |
CN112597121A (zh) | 逻辑脚本的处理方法、装置、电子设备及存储介质 | |
CN114201157A (zh) | 一种低代码定制目标业务模块的方法以及系统 | |
JP2003140895A (ja) | 組み替え可能なソフトウェアを持つ検査システム | |
Cheng et al. | Probabilistic optimization for high-level synthesis | |
Norris et al. | Component-based Network system engineering | |
Edmondson | Learning Google Analytics | |
US20240241758A1 (en) | Flexible computing resource cluster allocation | |
CN114926291A (zh) | 一种契约规则管理引擎 | |
Pratt | PIKS foundation C programmer's guide | |
CN114064612A (zh) | 数据仓库中数据的处理方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190319 |
|
RJ01 | Rejection of invention patent application after publication |