title: Disable jQuery datepicker on mobile, input type="date"
body: <p>I have a small problem with detection and disable jQuery date picker in mobile phones.
  I have this JavaScript code (enable datepicker):</p>
  
  <pre><code>$( "input[type='date']" ).datepicker();
  </code></pre>
  
  <p>And CSS (hide Chrome native datepicker):</p>
  
  <pre><code>input::-webkit-calendar-picker-indicator{ display: none;}
  input[type="date"]::-webkit-input-placeholder{ visibility: hidden !important;}
  </code></pre>
  
  <p>On the desktop, this works fine, but on mobiles, two date pickers are displaying. 
  I want hide jQuery Datapicker, but avoid scripts like Modernizr. </p>
  
  <p>Maybe someone can help me with some CSS or little JavaScript?</p>
  
  <p>example code: </p>
  
  <pre><code>&lt;!DOCTYPE&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt; Datepicker&lt;/title&gt;
  &lt;link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"&gt;
  &lt;style&gt;
  input::-webkit-calendar-picker-indicator{ display: none;}
  input[type="date"]::-webkit-input-placeholder{ visibility: hidden !important;}
  
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form&gt;
      &lt;input type="date" /&gt;
      &lt;/form&gt;
  &lt;script src="https://code.jquery.com/jquery-1.12.4.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
   $(function() { 
    $( "input[type='date']" ).datepicker({
              dateFormat: "yy-mm-dd",
              firstDay: 1 }) 
  });
  
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I place this code here: <a href="http://www.stack.puniserv.pl/" rel="nofollow noreferrer">http://www.stack.puniserv.pl/</a></p>
  
  <p>I want to resign from jQuery date picker in mobile. </p>