2015-04-17 9 views

cevap

4

olur. Aslında, datetime-local alan henüz tüm tarayıcılar tarafından desteklenmiyor. Firefox ve IE'de datetime-local kullanamazsınız. IE'yi görmezden gelebilirsiniz, ancak Firefox da listede bulunuyorsa, datetime-local'i kullanmakta ısrar etmeniz gerekiyorsa daha iyi düşünün.

Eğer normal javascript datetime-toplayıcı eklentisi kullanıyorsanız, vanilla javascript tarafından sağlanan setSelectionRange() yöntemini kullanarak saat konumuna odaklanmayı deneyebilirsiniz. Doğru tarih-saat biçimi seti ile kimliği startDate sahip bir div içinde bir tarih giriş alanı, varsa

Örneğin, bunu yapabilirsiniz tarafından:

var startDateBox = $("#startDate input")[0]; 
startDateBox.setSelectionRange(11, 13); 
startDateBox.focus(); 

JS fiddle demo

5

Her tarayıcı giriş öğelerini kendi yöntemleriyle işler ve görsel olarak gördüğünüz biçimlendirmenin/düzeninin çoğu tarayıcı koduyla yapılır. Açıkçası, bu öğelerle etkileşime girebilirsiniz, ancak sadece kullandığınız yerel komutlarla (odak, fare, tıklama, vb.).

Kullanıcı etkileşimi ile aynı durumu yeniden oluşturmanın mümkün olacağını düşünüyor, ancak bu şeyler her tarayıcıda koduna gömülür.

Ben en iyi bahis zaten dışarıda ve bulacağı bir çözüme değil yakın eğer gereksinimleri ile herhangi bir eşleşme oluşturmak için olup olmadığını görmek JS tarih seçicilerin geniş içine bakmak olacağını düşünüyorum senin datetime giriş alanında

<input type="datetime-local" style="display:none" /> 
<div class="custom-datetime-local"> 
    <span class="day">dd</span>/ 
    <span class="month">mm</span>/ 
    <span class="year">yyyy</span> 
    &nbsp; 
    <span class="hour">--</span>: 
    <span class="minute">--</span> 
</div> 

https://jsfiddle.net/dh4a4f2p/

tarafından desteklenen akıllı stil biraz kendi
İlgili konular