Jquery mobile ile site tasarlarken datetime-local tipli input nesnesi mağlesef bana eziyet çektirdi bu makalemizde bu sorunu aşmak için kod tarafından sorunu nasıl aşabileceğimizi görmüş olacağız.
ASP.NET’de datetime-local tipli input nesnesinin tarihini kod satırından değiştirme yöntemi
Alttaki kodda görmüş olduğunuz gibi datetime-local tipli bir input nesnesi yer almakta bu input nesnesi yardımıyla tarih bilgisini kullanıcıdan almak için android veya diğer mobil işletim sistemlerinin otomatik olarak kendi tarih ayarlama penceresini kullanabiliyor olmamız nedeniyle hem daha düzgün hemde daha anlaşılır bir tarih girişi yapılmış olabiliyor.
Html Kodu
1 | <input runat="server" type="datetime-local" id="datetime4" value="" /> |
Şimdi C# tarafından tarihi nasıl set edebileceğimiz görelim tarihi set ederken şu formatı kullanınız yyyy-MM-ddThh:mm
C# Kodu
1 | datetime4.Value = DateTime.Now.ToString("yyyy-MM-ddThh:mm"); |
input nesnesinde runat=”server” ve type=”datetime-local” dediğinizde büyük ihtimal bir hatayla karşılaşacaksınız nedenide mağlesefki asp.net’in datetime-local’i bir input tipi olarak görmesi bu sorunu aşmak için yapmanız gereken input nesnesinin tipini şu şekilde type=”datetime” olarak ayarlayınız ardından javascript yardımıyla setAttribute fonksiyonunu kullanarak datetime tipini datetime-local olarak değiştireceğiz kodumuz şu şekilde
1 2 3 4 | <script type="text/javascript"> $(function () { document.getElementById("datetime4").setAttribute("type", "datetime-local"); }) |
Üstteki kod bloğunun çalışabilmesi için jquery kütüphanesini bu koddan önce head alanına eklemeyi unutmayınız!