Html Input标签date类型无法弹出日期选择框问题

woshitianca8 2014-09-02 11:58:52

大家好！
我在使用Native+html的开发方式时，需要用到选择日期的功能，我把input设置成type="date"之后，点击是可以弹出DatePicker的，但是在机型适配时候发现部分SDK4之前的机型和小米全系列机型点击这个input出现的是text的键盘，跟预期的日期选择框不一样，我测试了一下这些机型系统默认的浏览器和uc、qq浏览器之类的发现都是会弹出日期选择框的，我想是不是webview需要在哪里自己定义，之后我在网上查了3个钟头也没有这方面的资料，想问下各位大大有没有相关经验的，感激不尽

...全文

5266 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

davidbeckham921 2014-10-23

打赏
举报

回复

如果能引js的话，先引Modernizr判断浏览器是否支持input的date。 $scope.isInputDateValid = Modernizr.inputtypes.date; 再引用phonegap的datepicker。引一个 /** * Phonegap DatePicker Plugin Copyright (c) Greg Allen 2011 MIT Licensed * Reused and ported to Android plugin by Daniel van 't Oever */ 搞个button写个click时间弹出这个datepicker

woshitianca8 2014-09-10

打赏
举报

回复

引用 1 楼 renzhanlong 的回复:

楼主你还，我也被这个问题困扰，今天也查询了一天。网上的意见多是用jquery ui，因为android对html5支持不够成熟。不知道你有没有找到理想的解决方案

暂时也没有找到比较好的解决方案，因时间比较紧，所以我用自动生成的方案，如果是android浏览器就调用自定义的日期选择控件，如果是iOS就之间用input date来做

renzhanlong 2014-09-03

打赏
举报

回复

楼主你还，我也被这个问题困扰，今天也查询了一天。网上的意见多是用jquery ui，因为android对html5支持不够成熟。不知道你有没有找到理想的解决方案

在页面中加入input，type=text，设置onclick事件调用js

jQuery点击Input框弹出日历代码是一款日期插件，支持时分秒时间选择效果代码。

需求：在7月1日之后才能进行日期选择解决方法：设备：Android 微信浏览器在input标签中填一个οnclick=“” <input class="date" type="date" id="date" name="date" onclick="if(Date.parse('2022-07-01') > new Date) {alert('由于疫情防控，预约功能将在7月开始');return false}return true" /> <!-- 注意：onclick 中的

参考：实现H5时间选择器点击输入框和图标均可弹出日期选择实际解决方式 html <div class="form-group"> <label for="date">参观日期日期</label> <input type="date" class="form-control" id="date" placeholder="选择你有空的时间" onchange="dateAstrict(this)"> <small id="da

之前有一篇文章提到动态添加、删除一行的实现方法其中我在table里有laydate元素，动态添加的laydate不弹出日期选择，根据class渲染的时候会出现出了第一个可以正常显示，别的都闪退的情况。最终是在每次添加的时候都对新添加的元素进行ID重新渲染才解决的。为了避免ID重复，给了一个随机数。表格及初始渲染 <table class="layui-table" id="tabl...

80,359

社区成员

91,290

社区内容

发帖

与我相关

我的任务

androidandroid-studioandroidx 技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章