Định dạng tiền HTML

Trang này được in vào ngày 29 tháng 12 năm 2022. Đối với phiên bản hiện tại, hãy truy cập https. //Cứu giúp. shopify. com/vi/thủ công/thanh toán/định dạng tiền tệ

Bạn có thể thay đổi cách hiển thị đơn vị tiền tệ trên cửa hàng của mình để giúp khách hàng đọc số tiền dễ dàng hơn

Các loại định dạng tiền tệ

Có bốn định dạng tiền tệ khác nhau được sử dụng ở các phần khác nhau trong cửa hàng của bạn

Bốn định dạng tiền tệ khác nhau được sử dụng trên cửa hàng của bạn TênĐược sử dụng trong HTML với tiền tệCửa hàng trực tuyến và trang quản trị ShopifyHTML không có tiền tệCửa hàng trực tuyến và trang quản trị ShopifyEmail có tiền tệThông báoEmail không có tiền tệThông báo và đặt hàng Mẫu máy in

Tùy chọn định dạng tiền tệ

Bạn có thể hiển thị số tiền theo một số cách

tùy chọn định dạng cho số lượng tiền tệĐịnh dạng tiềnLàm trònVí dụ{{ amount }}1,134. 65{{ amount_no_decimals }}:1,135{{ amount_with_comma_separator }}1. 134,65{{ amount_no_decimals_with_comma_separator }}:1. 135____91'134. 65

Các định dạng tiền tệ được làm tròn sẽ được làm tròn lên nếu số thập phân từ 50 trở lên hoặc làm tròn xuống nếu không

Ghi chú

Thanh toán tại cửa hàng của bạn luôn hiển thị vị trí thập phân bất kể định dạng tiền tệ mà bạn chọn cho cửa hàng trực tuyến của mình

Thay đổi định dạng tiền tệ của bạn

• máy tính để bàn
• điện thoại Iphone
• Android

1. Từ trang quản trị Shopify, đi tới Cài đặt

1. Từ ứng dụng Shopify, vào Cửa hàng > Cài đặt
2. Cuộn đến phần Cài đặt cửa hàng

1. Từ ứng dụng Shopify, vào Cửa hàng > Cài đặt
2. Cuộn đến phần Cài đặt cửa hàng

1. Nhấp vào Chi tiết cửa hàng

2. Trong phần Tiền tệ lưu trữ, nhấp vào Thay đổi định dạng

3. Trong mỗi trường, hãy thay thế

       const price = 1720000.396;
   	const resultd = (price).toLocaleString('en-US', { 
   		style: 'currency', 
   		currency: 'USD' 
   	});
   	const resultinr = (price).toLocaleString('en-IN', { 
   		style: 'currency', 
   		currency: 'INR' 
   	}); 
   	console.log("US Locale sample: " + resultd);
   	document.write("US Locale sample: " + resultd);
   	console.log("Indian Locale sample: " + resultinr);
   	document.write("
   Indian Locale sample: " + resultinr);

   0 bằng định dạng tiền tệ mà bạn muốn sử dụng từ bảng tùy chọn

   Mỗi quốc gia có các loại tiền tệ cụ thể, bao gồm các mẫu hoặc phương pháp khác nhau để hiển thị các giá trị tiền tệ. Khi chúng tôi biểu thị chính xác một số, nó sẽ trở nên dễ đọc và dễ hiểu hơn đối với người đọc

   Vì vậy, cách tốt nhất là thực hiện theo tiêu chuẩn chuẩn hóa thay vì mã hóa cứng nó. Bài viết này sẽ thảo luận về cách định dạng một số dưới dạng chuỗi tiền tệ trong Javascript

   Phương pháp 1. Sử dụng quốc tế. NumberFormat() với toLocaleString() để định dạng số dưới dạng tiền tệ

   Trong JavaScript, phương pháp phổ biến nhất và dễ dàng nhất để định dạng số dưới dạng chuỗi tiền tệ là sử dụng Intl. Phương thức NumberFormat(). Phương pháp này cho phép người dùng định dạng số vận hành tham số ngôn ngữ tùy chỉnh

   cú pháp

   Intl.NumberFormat('en-US', {style: 'currency', currency: 'target currency'})
   .format(monetary_value); 

   Giải trình

   Ở đây, chúng tôi đã sử dụng 'en-INR' và 'en-US' làm ngôn ngữ. Ngôn ngữ là một tập hợp các tham số xác định bất kỳ thứ gì trên máy tính của người dùng theo vùng cụ thể. Người dùng có thể xem qua danh sách tất cả các ngôn ngữ từ đây. Khi người dùng chọn một ngôn ngữ và đơn vị tiền tệ khác, nó sẽ định dạng giá trị tiền tệ của họ cho phù hợp

   quốc tế. Hàm tạo NumberFormat() có hai đối số. Đầu tiên là một chuỗi ngôn ngữ mà người dùng có thể chỉ định ngôn ngữ mà họ muốn định dạng và người dùng có thể sử dụng chuỗi thứ hai để đặt các tùy chọn họ muốn áp dụng trong khi định dạng

   Kiểu, tiền tệ, nhóm sử dụng và chữ số tối đa là danh sách các đối số thứ hai chỉ định kiểu định dạng mà người dùng muốn

   Đoạn mã

       const price = 1720000.396;
   	const resultd = (price).toLocaleString('en-US', { 
   		style: 'currency', 
   		currency: 'USD' 
   	});
   	const resultinr = (price).toLocaleString('en-IN', { 
   		style: 'currency', 
   		currency: 'INR' 
   	}); 
   	console.log("US Locale sample: " + resultd);
   	document.write("US Locale sample: " + resultd);
   	console.log("Indian Locale sample: " + resultinr);
   	document.write("
   Indian Locale sample: " + resultinr);

   đầu ra

   

   Mã vận hành

   Giải trình

   Trong đoạn mã trên, chúng tôi đã sử dụng Intl. NumberFormat với. phương thức toLocaleString() trả về một chuỗi mới với biểu diễn ngôn ngữ nhạy cảm của số đầu vào. quốc tế. Phương thức NumberFormat cho phép định dạng số theo ngôn ngữ trong JavaScript

   Nó chuyển đổi số đầu vào thành en-US và en-ID. Người dùng cũng có thể sử dụng. toLocaleString() riêng biệt để định dạng một số dưới dạng chuỗi tiền tệ trong JavaScript

   Đoạn mã

   const demo1 =  (212423727).toLocaleString('en-US', {
       style: 'currency',
       currency: 'USD'
   });
   console.log(demo1);
   

   Giải trình

   Các. phương thức toLocaleString() đang trả về một chuỗi có biểu diễn nhạy cảm với ngôn ngữ và tạo đầu ra định dạng tiền tệ. Các. toLocaleString() không hỗ trợ các ngôn ngữ trong các phiên bản cũ hơn (tiền quốc tế)

   Nó sử dụng ngôn ngữ hệ thống. Vì vậy, khi người dùng gỡ lỗi các trình duyệt cũ, họ phải chắc chắn rằng họ đang sử dụng đúng phiên bản. MDN khuyên bạn nên quét tìm sự tồn tại của Intl

   đầu ra

   

   Mã vận hành

   Phương pháp 2. Sử dụng phép nối để định dạng số dưới dạng tiền tệ

   Kỹ thuật này nối một số thành một chuỗi tiền tệ trong JavaScript được gọi là phương pháp nối. Sử dụng kỹ thuật này, người dùng có thể hợp nhất hai hoặc nhiều chuỗi

   Phương thức không mang lại sự khác biệt cho chuỗi thực mà tạo ra một chuỗi mới. Kỹ thuật này đơn giản như thêm ký hiệu đô la với một số làm đầu vào chuỗi

   Đoạn mã

   const number = 2875118.123456;
   const result = '$ ' + number.toFixed(2);
   console.log(result);

   đầu ra

   

   Mã vận hành

   Giải trình

   Trong ví dụ mã trên, chúng tôi đã sử dụng phương thức toFixed(2) để làm tròn số đến hai chữ số thập phân. Sử dụng một biến, chúng ta có thể thêm bất kỳ số nào chúng ta muốn chuyển đổi thành một chuỗi tiền tệ. Trong đoạn mã trên, chúng tôi đã sử dụng "số" làm biến lưu trữ một số dấu phẩy động dài

   Sau đó, chúng tôi đã sử dụng '$' cho số để chuyển đổi nó thành chuỗi tiền tệ được yêu cầu

   Ghi chú

   Việc thực hiện cả hai quốc tế. NumberFormat() và toLocaleString() giống nhau đối với một số. Nhưng nếu người dùng sử dụng một số lượng lớn đầu vào số để định dạng thành định dạng tiền tệ, thì nên sử dụng Intl. NumberFormat, nhanh hơn ~70 lần. Vì vậy, thường hợp lý khi sử dụng Intl. SốĐịnh dạng

   Phương pháp 3. Sử dụng RegEx để định dạng số dưới dạng tiền tệ

   Biểu thức chính quy (RegEx) là một chuỗi ký tự bao gồm một mẫu tìm kiếm. Nói cách khác, Biểu thức chính quy (RegEx) trong JavaScript là một đối tượng chỉ định chuỗi ký tự được sử dụng để biểu thị mẫu tìm kiếm

   Đoạn mã

   const demo = 7285141.123456.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');
   console.warn('$ ' + demo);

   đầu ra

   

   Mã vận hành

   Giải trình

   Ở đây, trong đoạn mã, chúng tôi đã sử dụng phương thức thay thế () với mẫu RegEx trả về đầu vào số bằng một chuỗi tiền tệ. Ngoài ra, chúng tôi đã sử dụng phương thức toFixed(2) để làm tròn số đến hai chữ số thập phân

   Phần kết luận

   Trong hướng dẫn này, chúng ta đã học cách định dạng một số dưới dạng chuỗi tiền tệ bằng các phương thức JavaScript. Chúng tôi đã sử dụng Intl. Các phương thức NumberFormat(), nối, toLocaleString() và RegEx để thực hiện việc này, với danh sách ngôn ngữ bắt buộc và các cài đặt khác mà người dùng có thể sử dụng để tùy chỉnh trong quá trình định dạng

   Làm cách nào để chuyển đổi số thành tiền tệ trong HTML?

   NumberFormat() Constructor để định dạng số dưới dạng tiền tệ. Bạn có thể sử dụng Intl. Hàm tạo NumberFormat() để tạo Intl. Các đối tượng NumberFormat cho phép định dạng số theo ngôn ngữ, chẳng hạn như định dạng tiền tệ.

   Làm cách nào để định dạng một số dưới dạng tiền tệ bằng CSS?

   Cách tiếp cận. Trong mã, lớp CSS currSign thêm ký hiệu tiền tệ (như '$') trước số . Hàm JavaScript toLocaleString() trả về một chuỗi có biểu diễn số theo ngôn ngữ.

   Làm cách nào để định dạng một số dưới dạng tiền tệ trong JavaScript?

   Trong JavaScript, cách dễ nhất và phổ biến nhất để định dạng số dưới dạng chuỗi tiền tệ là thông qua Intl. Phương thức NumberFormat(). .

   thập phân - Định dạng số thập phân

   tiền tệ - Định dạng tiền tệ

   đơn vị - Định dạng đơn vị Metric hoặc Imperial