İnput type date format problemi çözümü

Merhaba arkadaşlar,

Html5 ile birlikte sizlerin de bildiği gibi bir çok input type’ı kullanımımıza sunuldu. Html5 ile birlikte kullanabileceğiniz yararlı input typeların listesine buradan erişebilirsiniz.

Input type date olduğunda bildiğiniz gibi mobil ve desktop araçlarda kolaylıkla tarih seçtirilebiliyor ama problem tarihin formatını değiştirememekten kaynaklanıyor.

Konuyla ilgili araştırmalarım sonucunda herhangi bir format seçeneği bulamadım ve aşağıdaki betiği kullanmaya başladım.

İhtiyacınız olursa, siz de ihtiyacınıza göre modifiye edip, kullanabilir, tarih formatı problemini aşabilirsiniz.

function dateFormat(date){
	var value=date;
	var newSplitter=".";
    if(value.indexOf('-') !== -1){
        var newDateArr = value.split('-');
        value = newDateArr[2] + newSplitter + newDateArr[1] + newSplitter + newDateArr[0];
    }
	return value;
}

Şu anda yukarıdaki fonksiyona tarih’i gönderiyorsunuz, cevap olarak da gg.aa.yyyy olarak geri alıyorsunuz. NewSplitter kısmındaki . karakterini değiştirerek aralara ihtiyacınıza göre / - vs… koyabilirsiniz.