JavaScript'te Tarihleri ​​Biçimlendirme: Tarih Nesnesini Dizgeye Dönüştürme

JavaScript'te Tarih Biçimlendirmesinde Uzmanlaşmak

JavaScript'te tarihleri ​​biçimlendirmek geliştiriciler için ortak bir gereksinimdir. İster bir kullanıcı arayüzü oluşturuyor olun ister arka uç verileriyle çalışıyor olun, tarihlerin insan tarafından okunabilir bir biçimde temsil edilmesi çok önemlidir. JavaScript, tarihleri ​​biçimlendirmek için birden fazla yol sunarak çeşitli uygulamalar için çok yönlü bir seçim haline gelir.

Bu kılavuzda, bir JavaScript Date nesnesinin dize olarak, özellikle de 10-Ağu-2010 biçiminde nasıl biçimlendirileceğini inceleyeceğiz. Bu eğitimin sonunda, JavaScript projelerinizde tarih biçimlendirmesini etkili bir şekilde kullanma bilgisine sahip olacaksınız.

JavaScript'te Tarih Biçimlendirme Komut Dosyalarını Anlamak

Sağlanan komut dosyaları bir JavaScript'in nasıl biçimlendirileceğini gösterir Date nesneyi istenen "10-Ağu-2010" biçiminde bir dizeye dönüştürün. Ön uç komut dosyası şunu kullanır: toLocaleDateString Tarihi yerel ayarlara göre biçimlendiren ve onu bir dize olarak döndüren yöntem. Bu yöntem son derece çok yönlüdür ve geliştiricilerin çeşitli biçimlendirme seçeneklerini belirlemesine olanak tanır. Bu durumda günü, kısaltılmış ayı ve dört basamaklı yılı almak için { gün: '2-haneli', ay: 'kısa', yıl: 'sayısal' } seçeneklerini kullanırız. replace yöntemi daha sonra boşlukları tirelerle değiştirmek için kullanılır ve istenen son format elde edilir. Verilen örnek, nasıl oluşturulacağını gösterir. Date 10 Ağustos 2010 için nesneyi seçin ve işlevi kullanarak onu doğru şekilde biçimlendirin.

Arka uç betiğinin avantajları Node.js ve Express Tarihi biçimlendiren ve yanıt olarak gönderen basit bir sunucu oluşturmak için çerçeve. require komutu gerekli modülleri içe aktarmak için kullanılır. express işlev bir Express uygulamasını başlatır ve app.get GET istekleri için bir rota işleyicisi tanımlar. Bu işleyicinin içinde, formatDate Tarihi biçimlendirmek için işlev çağrılır ve biçimlendirilmiş tarih kullanılarak yanıt olarak gönderilir. res.send. Nihayet, app.listen sunucuyu belirtilen bağlantı noktasında başlatır ve gelen bağlantıları dinler. Bu komut dosyası, tarih biçimlendirmesinin sunucu tarafı uygulamasına nasıl entegre edilebileceğini göstererek, biçimlendirilmiş tarihlerin dinamik olarak sunulmasına olanak tanır.

// Function to format date as 'DD-MMM-YYYY'
function formatDate(date) {
  const options = { day: '2-digit', month: 'short', year: 'numeric' };
  return date.toLocaleDateString('en-GB', options).replace(/ /g, '-');
}

// Example usage
const date = new Date(2010, 7, 10); // 10-Aug-2010
const formattedDate = formatDate(date);
console.log(formattedDate); // Output: 10-Aug-2010

const express = require('express');
const app = express();
const port = 3000;

// Function to format date as 'DD-MMM-YYYY'
function formatDate(date) {
  const options = { day: '2-digit', month: 'short', year: 'numeric' };
  return date.toLocaleDateString('en-GB', options).replace(/ /g, '-');
}

app.get('/formatted-date', (req, res) => {
  const date = new Date(2010, 7, 10); // 10-Aug-2010
  const formattedDate = formatDate(date);
  res.send(`Formatted Date: ${formattedDate}`);
});

app.listen(port, () => {
  console.log(`Server running at http://localhost:${port}`);
});

JavaScript'te Gelişmiş Tarih Biçimlendirme Teknikleri

Kullanmanın ötesinde toLocaleDateString ve temel dize değişiminin yanı sıra, JavaScript, tarih biçimlendirmesi için çeşitli başka yöntemler sunarak geliştiricilere daha fazla esneklik sağlar. Böyle bir yöntem Intl.DateTimeFormatECMAScript Uluslararasılaştırma API'si ile sunulan, tarih ve saat formatı üzerinde ayrıntılı kontrole olanak tanıyan güçlü bir araç. Intl.DateTimeFormat nesne, geliştiricilerin yerel ayar ve biçimlendirme seçeneklerini belirtmesine olanak tanıyarak farklı ortamlarda tutarlı sonuçlar üretir. Bu yöntem, özellikle birden fazla yerel ayarla veya doğrudan desteklenmeyen özel tarih ve saat biçimleriyle çalışırken kullanışlıdır. toLocaleDateString.

Göz önünde bulundurulması gereken başka bir yaklaşım, aşağıdaki gibi kütüphaneleri kullanmaktır: moment.js veya date-fns. Bu kitaplıklar, tarihleri ​​değiştirmek ve biçimlendirmek için daha kapsamlı bir araç seti sağlayarak karmaşık tarih işlemlerini basitleştirir. Örneğin, moment.js basit ve sezgisel bir sözdizimi kullanarak tarihleri ​​biçimlendirmenize olanak tanır; moment(date).format('DD-MMM-YYYY'), istenen formatı doğrudan üretir. Yerel yöntemler temel ihtiyaçlar için uygun olsa da, bu kütüphaneler kapsamlı tarih işleme ve biçimlendirme yetenekleri gerektiren uygulamalar için paha biçilmezdir.