วิธีเปลี่ยน Locale ให้เป็นไทยบน Primefaces Framework
สำหรับผู้ที่ใช้ Primefaces Framework หากต้องการตรวจสอบหรือเปลี่ยน Locale มีวิธีการง่ายๆดังนี้ครับ
ขั้นตอนที่ 1 : ตรวจสอบ Locale
ปกติผมใช้ Chrome เป็นเครื่องมือ เพราะฉะนั้นผมจะอ้างด้วยคำสั่งของ Chrome นะครับ
– คลิกขวาที่หน้าเว็บ > Inspect
– จากภาพจะเห็นว่าตอนนี้ Locale เป็น en_US
ขั้นตอนที่ 2 : เปลี่ยน Locale
เปลี่ยนโดยการใช้แท็ก <f:view>
กำหนด locale=”th_TH” ดังนี้
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<?xml version='1.0' encoding='UTF-8' ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:p="http://primefaces.org/ui" xmlns:f="http://xmlns.jcp.org/jsf/core"> <f:view contentType="text/html" locale="th_TH"> <h:head> <title>Facelet Title</title> <script type="text/javascript" src="${request.contextPath}/resources/js/date.thai.js"></script> <script type="text/javascript"> $(document).ready(function () { }); </script> </h:head> <h:body> <h1>Demo Project</h1> <h:form id="form"> <br/> <br/> <p:calendar value="#{indexController.date}" pattern="dd/MM/yyyy" /> </h:form> </h:body> </f:view> </html> |
ขั้นตอนที่ 3 : ตรวจสอบ Locale อีกครั้ง
ตรวจสอบด้วยวิธีเดียวกันกับขั้นตอนที่ 1 จะเห็นว่า locale ถูกเปลี่ยนเป็น th_TH เรียบร้อยแล้ว