移动IOS输入类型date min和max在chrome和safari上不起作用

移动IOS输入类型date的min和max属性在Chrome和Safari上不起作用是因为这两个浏览器不完全支持HTML5中date类型的输入。在移动IOS设备上，日期输入框通常会默认使用原生的日期选择器，而不是浏览器自带的日期选择器。

为了解决这个问题，可以考虑使用JavaScript来实现日期的限制。以下是一个示例代码，演示如何使用JavaScript来限制日期的范围：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Date Input Example</title>
</head>
<body>
  <label for="date-input">选择日期：</label>
  <input type="date" id="date-input">
  
  <script>
    var dateInput = document.getElementById("date-input");
    
    // 设置最小日期为当前日期
    var minDate = new Date().toISOString().split("T")[0];
    dateInput.min = minDate;
    
    // 设置最大日期为当前日期加上30天
    var maxDate = new Date();
    maxDate.setDate(maxDate.getDate() + 30);
    var formattedMaxDate = maxDate.toISOString().split("T")[0];
    dateInput.max = formattedMaxDate;
  </script>
</body>
</html>

在上面的代码中，我们通过JavaScript获取到日期输入框元素，并使用min和max属性来限制日期的范围。min属性设置为当前日期，max属性设置为当前日期加上30天。这样用户在选择日期时，将只能选择从当前日期到30天后的日期范围内的日期。

在腾讯云的产品中，与移动开发相关的推荐产品有腾讯移动开发平台（https://cloud.tencent.com/product/ump）和腾讯移动分析（https://cloud.tencent.com/product/ma）。这些产品可以帮助开发者更好地进行移动应用的开发和分析工作。