Bu makalemizde AngularJS'in özelliklerinden bir olan filter'ları ve bunun tarih formatları üzerinde nasıl uygulandığını anlatmaya çalışacağım. AngularJS için filter verileri belirli bir formata dönüştürme işlemidir.
Tarih filtresi de var olan bir tarihi istediğiniz formata dönüştürmek için kullanılır. AngularJS içinde hazır tarih formatları yer alsa da bu formatlar her zaman ihtiyacımızı karşılamayabilir. Bu gibi durumları da göz önünde bulundurarak makalemde genel olarak tarih verilerinin istediğiniz formata nasıl dönüştürülebileceğini anlatmaya çalışacağım.
Makaleye giriş yaparken de bahsettiğim gibi AngularJS'de filterlar verileri belirli formata dönüştürmek için kullanılırlar. Tarih formatları için de en genelini öğrenmek işinizi çok kolaylaştıracaktır. Zaten tarih formatları hemen hemen tüm sistemlerde kullanılan tarih formatları ile aynı. Yani tarih formatları AngularJS'ye özgü bir şey değil ve bu formatları öğrenmek diğer dilleri kullanırken de çok fadalı olacaktır.
Öncelikle konumuzun başlığı olan controller içinde tarih filter uygulamasına bakalım. Bunun için yapmanız gereken ilk iş kullanacağınız controller'a $filter modülünü eklemek olmalıdır. Bu işlemden sonra filter metodunu date opsiyonu ile kullanmak olacaktır. Aşağıda örnek kullanım verilmiştir.
$scope.donusenTarih = $filter('date')($scope.donusturulecekTarih, "yyyy-MM-dd HH:mm");
Son olarak da kullanılan tarih formatı parçalarını sizinle paylaşmak istiyorum. Tüm tarih formatları bu aşağıdaki parçaları birleştirerek oluşturabilirsiniz. Ama en azından sonradan hatırlamanız için baştan sona bir defa okumanızı ve açıklamalarına bakmanızı tavsiye ederim. Bu gelecekte karşılaşacağınız farklı formatları da oluşturmakta size çok yardımcı olacaktır.
Okurken bazı noktalara da dikkat edin örneğin HH 24 saatlik saat ifadesi iken hh 12 saatlik saat ifadesidir. Kullanırken de bunlara dikkat etmenizi vurgulamak istiyorum...
Bu listeyi bir web sitesinden aldım ve siz de bir yere kaydederek ihtiyaç duyduğunuz anda başvurabilirsiniz...
"yyyy" year (2016)
"yy" year (16)
"y" year (2016)
"MMMM" month (January)
"MMM" month (Jan)
"MM" month (01)
"M" month (1)
"dd" day (06)
"d" day (6)
"EEEE" day (Tuesday)
"EEE" day (Tue)
"HH" hour, 00-23 (09)
"H" hour 0-23 (9)
"hh" hour in AM/PM, 00-12 (09)
"h" hour in AM/PM, 0-12 (9)
"mm" minute (05)
"m" minute (5)
"ss" second (05)
"s" second (5)
"sss" millisecond (035)
"a" (AM/PM)
"Z" timezone (from -1200 to +1200)
"ww" week (00-53)
"w" week (0-53)
"G" era (AD)
"GG" era (AD)
"GGG" era (AD)
"GGGG" era (Anno Domini)
Umarım makalem faydalı olmuştur. Konuyla alakalı eksik anlatılan noktalar varsa lütfen bizimle paylaşın. Sorularınız olursa sormaktan çekinmeyin en kısa sürede yanıtlamaya çalışacağım...
Makaleye giriş yaparken de bahsettiğim gibi AngularJS'de filterlar verileri belirli formata dönüştürmek için kullanılırlar. Tarih formatları için de en genelini öğrenmek işinizi çok kolaylaştıracaktır. Zaten tarih formatları hemen hemen tüm sistemlerde kullanılan tarih formatları ile aynı. Yani tarih formatları AngularJS'ye özgü bir şey değil ve bu formatları öğrenmek diğer dilleri kullanırken de çok fadalı olacaktır.
Öncelikle konumuzun başlığı olan controller içinde tarih filter uygulamasına bakalım. Bunun için yapmanız gereken ilk iş kullanacağınız controller'a $filter modülünü eklemek olmalıdır. Bu işlemden sonra filter metodunu date opsiyonu ile kullanmak olacaktır. Aşağıda örnek kullanım verilmiştir.
$scope.donusenTarih = $filter('date')($scope.donusturulecekTarih, "yyyy-MM-dd HH:mm");
Son olarak da kullanılan tarih formatı parçalarını sizinle paylaşmak istiyorum. Tüm tarih formatları bu aşağıdaki parçaları birleştirerek oluşturabilirsiniz. Ama en azından sonradan hatırlamanız için baştan sona bir defa okumanızı ve açıklamalarına bakmanızı tavsiye ederim. Bu gelecekte karşılaşacağınız farklı formatları da oluşturmakta size çok yardımcı olacaktır.
Okurken bazı noktalara da dikkat edin örneğin HH 24 saatlik saat ifadesi iken hh 12 saatlik saat ifadesidir. Kullanırken de bunlara dikkat etmenizi vurgulamak istiyorum...
Bu listeyi bir web sitesinden aldım ve siz de bir yere kaydederek ihtiyaç duyduğunuz anda başvurabilirsiniz...
"yyyy" year (2016)
"yy" year (16)
"y" year (2016)
"MMMM" month (January)
"MMM" month (Jan)
"MM" month (01)
"M" month (1)
"dd" day (06)
"d" day (6)
"EEEE" day (Tuesday)
"EEE" day (Tue)
"HH" hour, 00-23 (09)
"H" hour 0-23 (9)
"hh" hour in AM/PM, 00-12 (09)
"h" hour in AM/PM, 0-12 (9)
"mm" minute (05)
"m" minute (5)
"ss" second (05)
"s" second (5)
"sss" millisecond (035)
"a" (AM/PM)
"Z" timezone (from -1200 to +1200)
"ww" week (00-53)
"w" week (0-53)
"G" era (AD)
"GG" era (AD)
"GGG" era (AD)
"GGGG" era (Anno Domini)
Umarım makalem faydalı olmuştur. Konuyla alakalı eksik anlatılan noktalar varsa lütfen bizimle paylaşın. Sorularınız olursa sormaktan çekinmeyin en kısa sürede yanıtlamaya çalışacağım...
Yorumlar
Yorum Gönder