- リンクを取得
- ×
- メール
- 他のアプリ
- リンクを取得
- ×
- メール
- 他のアプリ
Visualforceでの日付フォーマット方法とフォーマットパターン集
Visualforceでは、日付や日時のフォーマットを柔軟にカスタマイズできます。Visualforceの
タグと
タグを使用することで、日付の表示形式を簡単に制御できます。
以下では、Visualforceのフォーマット方法と実際によく使われるフォーマットパターンを網羅的に紹介します。
Visualforceの日付フォーマット基本構文
基本構文
タグでフォーマットを指定する際の基本的な書き方です。
<apex:outputText value="{0, date, フォーマットパターン}"> <apex:param value="{!TODAY}" /> </apex:outputText>
例: シンプルな日付表示
<apex:page> <apex:outputText value="{0, date, yyyy-MM-dd}"> <apex:param value="{!TODAY}" /> </apex:outputText> </apex:page>
出力例: 2025-01-20
Visualforceでよく使われるフォーマットパターン集
以下に、Visualforceで使用できる日付フォーマットパターンを一覧でまとめます。
年 (Year)
パターン | 説明 | 出力例 |
---|---|---|
yyyy |
西暦(4桁) | 2025 |
yy |
西暦(2桁) | 25 |
月 (Month)
パターン | 説明 | 出力例 |
---|---|---|
MM |
月(2桁) | 01, 12 |
M |
月(1桁または2桁) | 1, 12 |
MMMM |
月名(フル) | January, December |
MMM |
月名(短縮形) | Jan, Dec |
日 (Day)
パターン | 説明 | 出力例 |
---|---|---|
dd |
日(2桁) | 01, 20 |
d |
日(1桁または2桁) | 1, 20 |
曜日 (Day of Week)
パターン | 説明 | 出力例 |
---|---|---|
EEEE |
曜日(フル) | Monday, Sunday |
EEE |
曜日(短縮形) | Mon, Sun |
時間 (Hours, Minutes, Seconds)
パターン | 説明 | 出力例 |
---|---|---|
HH |
時間(24時間形式, 2桁) | 01, 14 |
H |
時間(24時間形式, 1桁) | 1, 14 |
hh |
時間(12時間形式, 2桁) | 01, 12 |
h |
時間(12時間形式, 1桁) | 1, 12 |
mm |
分(2桁) | 01, 59 |
m |
分(1桁または2桁) | 1, 59 |
ss |
秒(2桁) | 01, 59 |
s |
秒(1桁または2桁) | 1, 59 |
AM/PM
パターン | 説明 | 出力例 |
---|---|---|
a |
午前/午後 | AM, PM |
タイムゾーン (Time Zone)
パターン | 説明 | 出力例 |
---|---|---|
z |
タイムゾーン名(短縮形) | PST, JST |
zzzz |
タイムゾーン名(フル) | Pacific Standard Time, Japan Standard Time |
具体的なフォーマット例
例1: ISO形式
<apex:outputText value="{0, date, yyyy-MM-dd}"> <apex:param value="{!TODAY}" /> </apex:outputText>
出力例: 2025-01-20
例2: 日本スタイル
<apex:outputText value="{0, date, yyyy年MM月dd日}"> <apex:param value="{!TODAY}" /> </apex:outputText>
出力例: 2025年01月20日
例3: アメリカスタイル
<apex:outputText value="{0, date, MM/dd/yyyy}"> <apex:param value="{!TODAY}" /> </apex:outputText>
出力例: 01/20/2025
例4: 日時を含む
<apex:outputText value="{0, dateTime, yyyy-MM-dd HH:mm:ss}"> <apex:param value="{!NOW}" /> </apex:outputText>
出力例: 2025-01-20 13:45:30
コメント
コメントを投稿