博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
利用input新类型,解决移动端原生实现日期时间联动问题,精确到分
阅读量:5012 次
发布时间:2019-06-12

本文共 333 字,大约阅读时间需要 1 分钟。

最近在做项目有一个需求是希望用原生的东西实现一个选完日期选时间的效果;

在此之前对于这样的页面需求,最常见的方案是用Javascript日期选择组件。这几乎是无可争议、别无选择的做法。

考虑到新需求,故最开始尝试考虑用两个标签实现,但是实现起来体验不好,需要挨个点击来选择;

经过查找资料遇到了一个之前未曾注意到的东西,可以完美实现上述需求;

就是input在HTML5中新加的对象:datetime-local

HTML代码如下:

  缺点是:由于各个浏览器对于时间空间的封装不同,所弹出的样式也不同,不能做到统一样式;不过在移动端的界面表现都挺良好的。

转载于:https://www.cnblogs.com/yanglei9308/p/6566190.html

你可能感兴趣的文章
android中不同版本兼容包的区别
查看>>
Static 与 new 的问题【待解决】
查看>>
xml
查看>>
在 mvc4 WebApi 中 json 的 跨域访问
查看>>
敏捷开发文章读后感
查看>>
xposed获取context 的方法
查看>>
html5 canvas 图像处理
查看>>
He who hesitates is Lost
查看>>
php中引用&的真正理解-变量引用、函数引用、对象引用
查看>>
关于<form> autocomplete 属性
查看>>
OutOfMemory
查看>>
LeetCode:组合总数III【216】
查看>>
Thinkphp框架回顾(三)之怎么实现平常的sql操作数据库
查看>>
虚函数的效率问题
查看>>
POJ 1860 Currency Exchange(SPFA 判断有无“正”环)
查看>>
广告地址屏蔽
查看>>
收缩SqlServer数据库日记方法
查看>>
每日英语:15 places to find inspiration
查看>>
学习方法--提问
查看>>
【转】每天一个linux命令(3):pwd命令
查看>>