Jquery ui 如何在Jquery mobile中开发一个日期选择器，以便在弹出时覆盖整个移动屏幕_Jquery Ui

Jquery ui 如何在Jquery mobile中开发一个日期选择器，以便在弹出时覆盖整个移动屏幕

jquery-ui

Jquery ui 如何在Jquery mobile中开发一个日期选择器，以便在弹出时覆盖整个移动屏幕,jquery-ui,Jquery Ui,我正在使用jQueryUIDatePicker为我的移动应用程序显示datepicker。我正在重新使用来自的CSS和JS文件。我的要求是，当日期选择器弹出时，它应该隐藏背景屏幕，用户在选择日期之前不应该对主屏幕有任何控制。它应该适用于所有移动设备。有人能提供解决方案吗这是我创建的用于测试类似功能的示例HTML页面 <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery

我正在使用jQueryUIDatePicker为我的移动应用程序显示datepicker。我正在重新使用来自的CSS和JS文件。我的要求是，当日期选择器弹出时，它应该隐藏背景屏幕，用户在选择日期之前不应该对主屏幕有任何控制。它应该适用于所有移动设备。有人能提供解决方案吗

这是我创建的用于测试类似功能的示例HTML页面

<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Datepicker - Default functionality</title>




  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

  <script>


  function focusTextBox(){
  var a=2;
 var tb = document.getElementById('datepicker');
 if(a==2){
 $(document).ready(function() {
    $( "#datepicker" ).datepicker({ minDate: 0, maxDate: "+18M +0D", showOtherMonths: true,
      selectOtherMonths: true, dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],showButtonPanel: true });
  });
}else{

 $(document).ready(function() {
    $( "#datepicker" ).datepicker({ minDate: 1, maxDate: "+18M +0D" });
  });

}
 tb.focus();



}
  </script>


</head>
<body>
</br>
</br>

  <input type="radio" id="myradio" name="radiobt" onClick="javascript:focusTextBox();">

<p>Date: <input type="text" id="datepicker" readonly="readonly" /></p>


</body>
</html>

你应该考虑使用别的东西。我在我的一个项目中使用了mobiscroll。它的目标是移动设备。它有很多特性。您所需要的称为模态显示在mobiscroll上。看看这里

在显示选择器上选择Modal并向下滚动以查看实况演示

更新

日期和时间滚动条、选择、图像和文本以及树状列表滚动条在麻省理工学院许可证下，可以免费使用

从

更新2

jQueryMobile和jQueryUI通常工作不好。由于要从jquery ui使用datepicker解决此问题，您必须找到一种方法将动态datepicker div放入对话框中，或者在显示datepicker时，通过使用与页面大小相同的div来禁用页面，该div将吸收日期选择器外部的所有单击，并禁用在日期选择器外部单击时退出该日期选择器的功能。我认为这是一个很大的工作。

mobiscroll是付费版本。我不想要那个解决方案。如果您能使用Jquery ui提供解决方案，我将不胜感激。日期和时间滚动条、选择、图像和文本以及树状列表滚动条都在麻省理工学院许可证下，可以免费使用