jQuery datepicker风格在移动设备上被破坏

时间:2016-09-29 15:15:28

标签: javascript css jquery-ui mobile jquery-ui-datepicker

我有一个jQuery UI datepicker的样式问题。我在这个问题上寻找Stack上的解决方案,但仍然没有运气。在桌面上,datepicker看起来不错,但是当我将浏览器窗口缩小到移动设备的大小时,它就会崩溃(在我的智能手机上它也会被破坏)。我在这里尝试了这个日期选择器:https://jqueryui.com/datepicker/它适用于小屏幕,所以我的网页一定有问题。由于网站的代码是混乱和复杂的我不提供它,但如果有人可以给我一个建议可能会导致这样的行为,这将是非常有帮助的(顺便说一句,表格也会破坏,所以必须有一个全球问题与造型)。任何暗示赞赏。以下是我的问题:

桌面浏览器的正确样式:

Correct datepicker style for desktop browser

移动浏览器的破碎风格:

Broken style for mobile browsers

2 个答案:

答案 0 :(得分:0)

使用 您的手机浏览器必须将该字段理解为HTML5日期字段。为了获得良好的可视性,您可以使用

答案 1 :(得分:0)

我设法通过摆脱模板的css中的一些错误代码来解决问题,该模板负责响应(模板由外部公司准备,所以他们一定在这里犯了一些错误。)