Asp.Net MVC de datepicker setDate İle Seçili Tarihi Gösterme ve language Özelliği İle de Dilini Türkçe Yapma
Örnekte veri tabanından gelen tarih bilgisinin datepicker nesnesinde seçili gösterimini olacak.
Abalar adında modelimiz olsun.
public class Arabalar
{
[Key]
public int ArabaID { get; set; }
public string ArabaMarka { get; set; }
public DateTime EklemeTarihi { get; set; }
}
Controller kısmında HomoControllerin Index action kısmında, Mercedes markalı arabanın bilgilerini alalım.
[HttpGet]
public ActionResult Index()
{
Arabalar arabalar = _context.Arabalar.FirstOrDefault(x => x.ArabaMarka == "Mercedes");
return View(arabalar);
}
Index viewı aşağıdaki gibi düzenleyelim.
Css ve js dosyalarını da kodumuza ekledik. Şimdi de datepicker scriptinin kullanmak üzere script kodumuzu yazalım.
Burada "#tarih" id sine sahip divin içine datepicker nesnesi oluşacak şekilde kodumuzu yazdık ve içini boş bıraktık. datepicker nesnesinin 'setDate' özelliğine TextBoxFor içindeki tarihi set ederek seçili hale getiriyoruz.
Eklediğimiz ile datepickerın, laguage özelliğini kullanarak dilini türkçe yapıyoruz. Bu dosyada datepickerın başlıca özellikleri önceden düzenlenmiş. bunu bizde üsteki kodda yapabilirdik.
Dilini türkçe yaptıktan sonra dikkat edilmesi gereken yer dateFormat kısmı olacaktır. Çünkü tarih bizim kullandığımız şekilde gözükmeyecektir. Burayı da koddaki gibi yazıyoruz.
Index view son hali ise;
Daha önceden veri tabanına girdiğimiz bilgiler.
Ekran çıktısı.
Yorumlar
Yorum Gönder