วิธีเปลี่ยน Locale ให้เป็นไทยบน Primefaces Framework

10/01/201822/03/2018 Pacteez locale, primefaces, th_TH, วิธีเปลี่ยน locale, ไทย

สำหรับผู้ที่ใช้ Primefaces Framework หากต้องการตรวจสอบหรือเปลี่ยน Locale มีวิธีการง่ายๆดังนี้ครับ

ขั้นตอนที่ 1 : ตรวจสอบ Locale

ปกติผมใช้ Chrome เป็นเครื่องมือ เพราะฉะนั้นผมจะอ้างด้วยคำสั่งของ Chrome นะครับ
– คลิกขวาที่หน้าเว็บ > Inspect
– จากภาพจะเห็นว่าตอนนี้ Locale เป็น en_US

ขั้นตอนที่ 2 : เปลี่ยน Locale

เปลี่ยนโดยการใช้แท็ก <f:view> กำหนด locale=”th_TH” ดังนี้

<?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>

<?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>

$(document).ready(function () {

});

</script>

</h:head>

<h:body>

<h1>Demo Project</h1>

<h:form id="form">

<br/>

<p:calendar value="#{indexController.date}" pattern="dd/MM/yyyy" />

</h:form>

</h:body>

</f:view>

</html>

ขั้นตอนที่ 3 : ตรวจสอบ Locale อีกครั้ง

ตรวจสอบด้วยวิธีเดียวกันกับขั้นตอนที่ 1 จะเห็นว่า locale ถูกเปลี่ยนเป็น th_TH เรียบร้อยแล้ว