gpt4 book ai didi

JQueryMobile Datepicker 和新框架

转载 作者:行者123 更新时间:2023-12-01 06:29:01 27 4
gpt4 key购买 nike

我正在使用JQueryMobile's experiment Datepicker有一段时间它在旧框架中工作了。昨天我将框架更改为最新的框架,发现当我单击外部时,它会破坏日期选择器的布局。

broken layout

有人遇到过同样的问题吗?你是怎么克服的?这意味着最新的框架将不支持日期选择器??

我的代码如下

<!DOCTYPE html> 
<html>
<head>
<title>Page Title</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="jquery.mobile-1.1.0.min.css" />
<link rel="stylesheet" href="jquery.ui.datepicker.mobile.css" />
<script src="jquery-1.7.2.min.js"></script>



<script>
//reset type=date inputs to text
$( document ).bind( "mobileinit", function(){
$.mobile.page.prototype.options.degradeInputs.date = true;

});

$(function() {
$( "#datepicker" ).datepicker();
});

</script>
<script src="jquery.mobile-1.1.0.min.js"></script>
<script src="jQuery.ui.datepicker.js"></script>
<script src="jquery.ui.datepicker.mobile.js"></script>
</script>
</head>
<body>

<div data-role="page">

<div data-role="header">
<h1>Page Title</h1>
</div><!-- /header -->

<div data-role="content">
<label for="date">Date Input:</label>
<input type="date" name="date" id="date" value="" />

<div id='datepicker'></div>
</div><!-- /content -->

<div data-role="footer">
<h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->

</body>
</html>

最佳答案

我遇到了同样的问题,我只是更改了日期选择器 API。使用这个它将提供您想要的一切,例如 iOS、Android、jQuery Mobile 等 UI、模式、模态等,以便与 jQuery 代码一起设置。

jQuery mobile datepicker

使用这个后问题就不再出现了。

关于JQueryMobile Datepicker 和新框架,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10425096/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com