モバイルでjQueryのdatepickerを無効にする、入力タイプ= "日付"

携帯電話でjQueryの日付ピッカーの検出に問題があり、無効になっています。モバイルでjQueryのdatepickerを無効にする、入力タイプ= "日付"

$("input[type='date']").datepicker();

とCSS（クロームネイティブ日付ピッカーを隠す）：私はこのJavaScriptコード（日付ピッカーを有効に）持っているデスクトップで

input::-webkit-calendar-picker-indicator{ display: none;} 
input[type="date"]::-webkit-input-placeholder{ visibility: hidden !important;}

を、これはうまく動作しますが、携帯電話上で、2つの日付ピッカーは、表示します。 jQuery Datapickerを非表示にしたいが、Modernizrのようなスクリプトを避ける。

誰かがCSSやJavaScriptを手伝ってくれるのでしょうか？

コード例：

<!DOCTYPE> 
<html> 
<head> 
<title> Datepicker</title> 
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
<style> 
input::-webkit-calendar-picker-indicator{ display: none;} 
input[type="date"]::-webkit-input-placeholder{ visibility: hidden !important;} 

</style> 
</head> 
<body> 
    <form> 
    <input type="date" /> 
    </form> 
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> 

<script> 
$(function() { 
    $("input[type='date']").datepicker({ 
      dateFormat: "yy-mm-dd", 
      firstDay: 1 }) 
}); 

</script> 
</body> 
</html>

私はここで、このコードを配置：http://www.stack.puniserv.pl/

私は、モバイルでのjQueryの日付ピッカーから辞任したいと思います。

出典

2016-12-21 punisher

問題の例を示します。 – Dekel

@Dekel私の投稿を更新します。モバイルでは、2つの日付ピッカーが表示されます。私はjQueryのdatepickerを隠したい。 – punisher

モバイルビューポートの要素を非表示にするには、CSS @mediaクエリーを使用できます。ブレークポイントを希望通りに調整する場合は、767pxが例として使用されます。そのため、ビューポートが表示されている場合は、表示する必要があります。 CSSファイルの最後にquerysを設定してください。

@media (max-width: 767px) { 
    input::-webkit-calendar-picker-indicator { 
     display: none; 
    } 
    input[type="date"]::-webkit-input-placeholder { 
     visibility: hidden !important; 
    } 
}

出典

2016-12-21 12:50:03 Syden

モバイルでjQueryのdatepickerを無効にする、入力タイプ= "日付"

答えて

関連する問題