菜鸟教程小白 发表于 2022-12-12 17:08:28

javascript - jQuery DatePicker,在 iOS 上隐藏数据类型日期


                                            <p><p>我在我的 Web 应用程序中使用 jQuery DatePicker,但我想在 iOS 上使用该应用程序时使用原生 <code>type="date"</code>,因此它使用 iOS 中的原生日期选择器代替 Safari 。</p>

<p>主要的一点是,我不希望用户放弃功能,不管他们的设备是什么,但是我对 iOS 上的 jQuery DatePicker 不满意,因为它使用起来很笨拙,并且偶尔会弄乱应用程序的设计。 </p>

<p>如果我使用 <code>type="date"</code> 那么它现在的编写方式,我会同时显示 jQuery DatePicker,以及用于日期的原生 iOS 函数。</p>

<p>基本上需要对 <code>type="date"</code> 的支持进行某种检测,但是这似乎相当缺乏,因为某些浏览器会声称支持日期类型,但这并不一定意味着他们提供日期用户界面。</p>

<p>P.S Android/Windows 手机是否有 <code>type="date"</code> 的原生函数?</p>

<hr/>

<h2>代码示例</h2>

<p></p><div class="snippet"data-lang="js"data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class=&#34;col-xs-5 col-sm-4&#34;&gt;
&lt;input type=&#34;date&#34; class=&#34;form-control date-picker&#34; id=&#34;formatD&#34; name=&#34;formatD&#34; placeholder=&#34;Enter date of format approval&#34; value=&#34;&lt;?php echo $app-&gt;getCurrentDate() ?&gt;&#34;&gt;
&lt;/div&gt;

&lt;script&gt;
$(function() {

    $( &#34;.date-picker&#34; ).datepicker({
      format: &#34;dd/mm/yyyy&#34;
    });

});
&lt;/script&gt;</code></pre>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>你必须检测浏览器是否支持原生输入日期,如果不支持,则调用日期时间选择器js库。如何检测输入日期支持? </p>

<p>这里 <a href="https://stackoverflow.com/questions/10193294/how-can-i-tell-if-a-browser-supports-input-type-date" rel="noreferrer noopener nofollow">in this question</a> </p></p>
                                   
                                                <p style="font-size: 20px;">关于javascript - jQuery DatePicker,在 iOS 上隐藏数据类型日期,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/33682210/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/33682210/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: javascript - jQuery DatePicker,在 iOS 上隐藏数据类型日期