h5日期选择控件_日期时间的选择 - 前台架构

60bb61df705d5ecc9eb91b2afd40581d.png
日期或者时间作为较长使用的输入方式,通常需要利用功能控件来支持较为友好的处理方式。由于日期、时间对格式的要求,不能通过使用者随意的输入来完成内容的填充,一种较好的统一处理,前台架构需要提供统一处理的方法来支持实现过程对于不同场景的需要以及格式等问题的一致性。

日期/时间控件

日期/时间控件,通过普通的输入框完成加载过程,不需要特殊的支持。加载之后的输入框将不可以通过编辑修改日期内容,只能够通过控件的操作来完成时间的修改或者确认。

无论是日期还是时间,可以分为两种支持方式,一是日期/时间点作为控件内容,二是日期/时间范围作为空间内容。日期/时间点主要是提供查询或者编辑类的操作,可以通过控件选择具体的时间节点作为查询或者编辑操作的内容。日期/时间范围主要提供查询,根据日期/时间时间范围作为不确定时间点或者具体的时间范围作为查询条件支持需求的查询过程。

日期/时间格式,根据两者之间的差别区分进行讨论。日期的格式可以根据应用场景,区分年份、年月、年月日来进行支持。但主要的格式可以通过一个格式进行说明,比如yyyy-MM-dd作为前台框架的统一处理格式。该格式作为年月日提供的同时,可以代表年份、年月进行对应的调整。时间格式主要提供完整的格式,比如HH:mm:ss,表示时、分、秒的完整格式。如果业务需要特殊格式,获取时间的同时可以根据特定的需求进行处理。

日期/时间作为范围支持,在基本格式的基础上,需要利用两个日期/时间作为开始和结束,同时利用特殊约定的分隔符号来拼接两个日期/时间,作为整体完成后续的业务处理过程。

引用代码,框架为JQuery作为基础,控件为Layer作为功能
...
JQuery更多使用说明,参考JQuery官方网站。
LayUI(Layer)所有使用方式,参考LayUI官方网站,了解更多功能。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值