jquery datepicker öğesini gizleyin ve mobile'de yerelleri göster

Question

jquery-ui. 'Den datepicker kullanıyorum. Benim girdim type=text. Sadece masaüstü bilgisayardayken datepicker'ı göstermek istiyorum, ancak mobil tarayıcıdayken yerel tarihçiyi göstermek istiyorum. type=date'u koyar ve tarih seçiciyi etkinleştirirsem, açık bir şekilde tarihçi ile birlikte gösterilir.

JQuery-datepicker'ı masaüstünde ve cep telefonunda yerel göstermek için nasıl yapabilirim?

Answer 1

Bir aygıtın cep telefonu veya masaüstü olup olmadığını doğrudan kontrol edemezsiniz. Ancak, mevcut tarayıcının yerel bir tarihçede olup olmadığını kontrol edebilirsiniz. Hedef tarayıcının yerel bir tarihçenin olup olmadığını kontrol etmek için modernizer kullanın.

Daha sonra, yalnızca yerel bir tarih seçicisi yoksa jQuery UI datepicker öğesini kullanın. Bir tarayıcı bir yerli datepicker varsa, o zaman biçimi daima-AA-GG YYYY (Is there any way to change input type="date" format? bakınız)

<label>Date <input type="date"></label> 

<script> 
if(!Modernizr.inputtypes.date){ 
    $(’input[type=date]’).datepicker({ 
     // Consistent format 
     dateFormat: ’yy-mm-dd’ 
    }); 
} 
</script> 

nedenle bir YYYY-MM-DD da jQuery UI datepicker biçimini ayarlamak gerekir: Bu gibi elde edebilirsiniz .

Ayrıca bu article'a da bakmanızı öneririz.

Hedef aygıt, !Modernizr.touch numaralı bir dokunmatik aygıtsa, Modernizr ile de kontrol edebileceğinizi unutmayın. Ancak, bu özellik yararlı değildir, çünkü yerel bir tarih seçici olmadan dokunmatik cihazlar mevcuttur (Gerçekçi senaryo: Firefox kullanarak dokunmatik ekrana sahip masaüstü bilgisayar). ! Yukarıda