本日までの経過期間を表示するWeb計算ツール（PHP）

記念日（ex 結婚記念日）等から本日まで何年経過したかを簡単に知りたい時があります。　PHP scriptを使って「経過期間を表示する」Web計算ツールを作ってみました。　更にこのWeb計算ツールをベースにしたWordPressで使用できるショートコードも作ってみました。

本日までの経過期間・計算ツール

経過期間・計算ツール

Clear

経過期間・計算ツールについて

下の「+ PHPファイル」を開くと、今回作成した「経過期間・計算ツール」PHP scriptが展開できますので、興味のある方はご覧ください。

+ PHPファイル

下のコードをPHPファイルとして、サイトのドメイン内に保存します。　当ページは、<iframe>でPHPファイルのURLを指定して「経過期間・計算ツール」を表示させています。

<?php
// UTF-8でHTML出力
header('Content-Type: text/html; charset=utf-8');
// POSTデータを取得
$input_day_value = isset($_POST['input_day']) ? htmlspecialchars($_POST['input_day'], ENT_QUOTES, 'UTF-8') : '';
$result_message = '';
$result_message = '<p style="color:#0059b3; font-size:0.8em;">入力欄に開始年月日を入れて【計算】ボタンを押すと、開始年月日から起算された<u>本日までの経過期間</u>がここに表示されます。</p>';
// 計算処理
// 計算処理
if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($input_day_value)) {
try {
$input_day = new DateTime($input_day_value);
$now = new DateTime();
// 未来日チェック
if ($input_day > $now) {
$result_message = '<p style="color:red;">本日（ ' . $now->format('Y/m/d')  .' ）以降の日付は無効です。</p>';
} else {
$interval = $now->diff($input_day);
$y = $interval->format('%y');
$m = $interval->format('%m');
$d = $interval->format('%d');
// 整形
$out_y = ($y == 0) ? '' : $y . '年';
if ($m == 0) {
$out_m = '';
if ($out_y !== '' && $d != 0) {
$out_m = 'と';
}
} else {
$out_m = $m . 'ヶ月';
}
$out_d = ($d == 0) ? '' : $d . '日';
$result_message = '<p>本日（ ' . $now->format('Y/m/d')  .' ）までに</br> <strong  style="color:red;">' . $out_y . $out_m . $out_d . '</strong> 経過しています。</p>';
if ($y  == 0 & $m  == 0 & $d  == 0) {
$result_message = '<p style="color:red;">本日（ ' . $now->format('Y/m/d')  .' ）以降の日付は無効です。</p>';}
}
} catch (Exception $e) {
$result_message = '<p style="color:red;">無効な日付が入力されました。</p>';
}
}
?>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<!-- このページのindexを除外 --> 
<meta name="robots" content="noindex, nofollow" />
<title>経過期間計算フォーム</title>
<style>
body {
font-family: sans-serif;
/*padding: 10px;*/
max-width:550px;
}
form {
margin-bottom: 1em;
}
/* 送信ボタン */
.submit_button {
display       : inline-block;
width:50px;
border-radius :5px;          /* 角丸    13%   */
font-size     : 0.8em;        /* 文字サイズ */
text-align    : center;      /* 文字位置   */
cursor        : pointer;     /* カーソル   */
padding      :2px;   /* 余白    12px 5px   */
background    :#0059b3;     /* 背景色     */
color         : #ffffff;     /* 文字色     */
line-height   : 2em;         /* 1行の高さ  */
border        : 2px solid #0059b3;    /* 枠の指定 */
}
.submit_button:hover {
color         : #0059b3;     /* 背景色     */
background    : #ffffff;     /* 文字色     */
}
</style>
</head>
<body>
<form method="post">
<label for="input_day">開始年月日（例: 2000/01/01）：</label></br>
<p><input  style="width:250px; text-align: center; font-size:1.5em;" type="date" placeholder="年/月/日" id="input_day" name="input_day" value="<?php echo $input_day_value; ?>" required></p>
<p><input  class="submit_button"  type="submit" value="計算"></p>
</form>
<?php echo $result_message; ?>
</body>
</html>

100

101

102

103

104

105

106

107

<?php

// UTF-8でHTML出力

header('Content-Type: text/html; charset=utf-8');

// POSTデータを取得

$input_day_value = isset($_POST['input_day']) ? htmlspecialchars($_POST['input_day'], ENT_QUOTES, 'UTF-8') : '';

$result_message = '';

$result_message = '<p style="color:#0059b3; font-size:0.8em;">入力欄に開始年月日を入れて【計算】ボタンを押すと、開始年月日から起算された<u>本日までの経過期間</u>がここに表示されます。</p>';

// 計算処理

if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($input_day_value)) {

try {

$input_day = new DateTime($input_day_value);

$now = new DateTime();

// 未来日チェック

if ($input_day > $now) {

$result_message = '<p style="color:red;">本日（ ' . $now->format('Y/m/d') .' ）以降の日付は無効です。</p>';

} else {

$interval = $now->diff($input_day);

$y = $interval->format('%y');

$m = $interval->format('%m');

$d = $interval->format('%d');

// 整形

$out_y = ($y == 0) ? '' : $y . '年';

if ($m == 0) {

$out_m = '';

if ($out_y !== '' && $d != 0) {

$out_m = 'と';

}

} else {

$out_m = $m . 'ヶ月';

}

$out_d = ($d == 0) ? '' : $d . '日';

$result_message = '<p>本日（ ' . $now->format('Y/m/d') .' ）までに</br> <strong style="color:red;">' . $out_y . $out_m . $out_d . '</strong> 経過しています。</p>';

if ($y == 0 & $m == 0 & $d == 0) {

$result_message = '<p style="color:red;">本日（ ' . $now->format('Y/m/d') .' ）以降の日付は無効です。</p>';}

}

} catch (Exception $e) {

$result_message = '<p style="color:red;">無効な日付が入力されました。</p>';

}

<!DOCTYPE html>

<head>

<title>経過期間計算フォーム</title>

<style>

body {

font-family: sans-serif;

/*padding: 10px;*/

max-width:550px;

}

form {

margin-bottom: 1em;

}

/* 送信ボタン */

.submit_button {

display : inline-block;

width:50px;

border-radius :5px; /* 角丸 13% */

font-size : 0.8em; /* 文字サイズ */

text-align : center; /* 文字位置 */

cursor : pointer; /* カーソル */

padding :2px; /* 余白 12px 5px */

background :#0059b3; /* 背景色 */

color : #ffffff; /* 文字色 */

line-height : 2em; /* 1行の高さ */

border : 2px solid #0059b3; /* 枠の指定 */

}

.submit_button:hover {

color : #0059b3; /* 背景色 */

background : #ffffff; /* 文字色 */

}

</style>

</head>

<body>

<label for="input_day">開始年月日（例: 2000/01/01）：</label></br>

<p><input style="width:250px; text-align: center; font-size:1.5em;" type="date" placeholder="年/月/日" id="input_day" name="input_day" value="<?php echo $input_day_value; ?>" required></p>

</form>

<?php echo $result_message; ?>

</body>

</html>

------

計算ツールの[Clear]ボタンは、iframeで指定されたPHPファイルに対してリロードして初期状態に戻すボタンです。　以下のjQueryをwp_footerに配置してリロードしています。 iframeにid="myFrame"　[Clear]ボタンに id="reloadFrame" を記述します。

<script>
jQuery(function($) { // iframeの再読み込みを行う
$('#reloadFrame').on('click', function() {
var iframe = $('#myFrame');
iframe.attr('src', iframe.attr('src')); // src属性を再設定して再読み込み
});
});
</script>

jQuery(function($) { // iframeの再読み込みを行う

$('#reloadFrame').on('click', function() {

var iframe = $('#myFrame');

iframe.attr('src', iframe.attr('src')); // src属性を再設定して再読み込み

});

</script>

------

「閉じる」

オペレータ

ここから、WordPressを使ってブログを投稿されている方に、「経過期間を表示する」Web計算ツールをベースにした、経過期間を表示するショートコードの紹介になります。

本日までの経過期間を表示するショートコードの作成

 shortcode
[elapsed_time input_day="開始年月日"]
開始年月日のフォーマットは、yyyy-mm-dd や yyyyy/mm/dd で記述します。

ショートコードの作成は、下の「ショートコード( PHP)」を、WordPressの子テーマのfunctions.phpにコピペします。

ショートコード（ PHP）

function calculate_elapsed_time($atts) {
// ショートコードの引数を設定
$atts = shortcode_atts(array(
'input_day' => '2000-01-01', // デフォルトの開始年月日を設定
), $atts);
// 日付オブジェクトを作成
$input_day = new DateTime($atts['input_day']);
$now = new DateTime();
// 差分を計算
$interval = $now->diff($input_day);
$stump_y = $interval->format('%y');
$stump_m = $interval->format('%m');
$stump_d = $interval->format('%d');
//経過年が0の時の処理
if  ( $stump_y ==  0){ //yが0なら空に
$stump_y = "" ;}
else {
$stump_y = $stump_y . "年" ; }
//経過月が0の時の処理
if ( $stump_m  ==  0 ){ //mが0なら空に
$stump_m = "" ;
if ( !$stump_y  ==  0){ // 且つ、もしも、yが0なら「と」にする
$stump_m = "と" ;}
if ($stump_d  ==  0){ // 且つ、更にdが0なら空に
$stump_m = "" ;}
}
else {
$stump_m = $stump_m . "ヶ月" ; }
//経過日が0の時の処理
if  ( $stump_d ==  0){ //dが0なら空に
$stump_d = "" ;}
else {
$stump_d = $stump_d . "日" ; }
return $stump_y . $stump_m . $stump_d  ;
}
// ショートコードを登録
add_shortcode('elapsed_time', 'calculate_elapsed_time');
//　完成ショートコード　[elapsed_time input_day="2000-01-01"]

function calculate_elapsed_time($atts) {

// ショートコードの引数を設定

$atts = shortcode_atts(array(

'input_day' => '2000-01-01', // デフォルトの開始年月日を設定

), $atts);

// 日付オブジェクトを作成

$input_day = new DateTime($atts['input_day']);

$now = new DateTime();

// 差分を計算

$interval = $now->diff($input_day);

$stump_y = $interval->format('%y');

$stump_m = $interval->format('%m');

$stump_d = $interval->format('%d');

//経過年が0の時の処理

if ( $stump_y == 0){ //yが0なら空に

$stump_y = "" ;}

else {

$stump_y = $stump_y . "年" ; }

//経過月が0の時の処理

if ( $stump_m == 0 ){ //mが0なら空に

$stump_m = "" ;

if ( !$stump_y == 0){ // 且つ、もしも、yが0なら「と」にする

$stump_m = "と" ;}

if ($stump_d == 0){ // 且つ、更にdが0なら空に

$stump_m = "" ;}

}

else {

$stump_m = $stump_m . "ヶ月" ; }

//経過日が0の時の処理

if ( $stump_d == 0){ //dが0なら空に

$stump_d = "" ;}

else {

$stump_d = $stump_d . "日" ; }

return $stump_y . $stump_m . $stump_d ;

}

// ショートコードを登録

add_shortcode('elapsed_time', 'calculate_elapsed_time');

//　完成ショートコード　[elapsed_time input_day="2000-01-01"]

2025年11月15日（現在）

ショートコード表示例

日本初のラジオ放送開始（1925/3/22）から 100年7ヶ月24日経過しています。
NHKテレビの本放送開始（1953/2/1）から 72年9ヶ月14日経過しています。
地デジ移行日（2012/3/31）から 13年7ヶ月15日経過しています。

上の赤文字の年月日 が今回作成したショートコード[elapsed_time input_day="開始年月日"]を使って表示させています。

以上、「本日までの経過期間を表示するWeb計算ツール」の紹介でした。

: PHPの小技　ブログ記事内の「経過年」表記を自動更新させるには

例えば、『このブログをはじめてになります』などブログ投稿記事内で経過年を表記することが多々あります。　ところが、年月を経て行くと、この経過年に矛盾が生じます。　ブログ管理上この矛盾を訂正する必要が ...

: WordPressに『日時』表示。PHPとJavaの使い分け

Wordpressのサイドバーなどに『日時』表示したい時がありますよね。　その時に初心者が悩むのがPHPを使うかJavascriptを使うかではないでしょうか？夫々の言語の特性に沿って使い分ける必要 ...

本日までの経過期間を表示するWeb計算ツール（PHP）

経過期間・計算ツールについて

本日までの経過期間を表示するショートコードの作成

以上、「本日までの経過期間を表示するWeb計算ツール」の紹介でした。

PHPの小技　ブログ記事内の「経過年」表記を自動更新させるには

WordPressに『日時』表示。PHPとJavaの使い分け

iPhoneのボイスメモで撮った音を大きく、クリアーにするには

LosslessCutアプリの使い方：音声・動画を無劣化で分割/結合できる便利アプリの使いこなし

【保存版】ハイレゾ音源を高音質のまま AAC / MP3に変換する「５つのヒント」

ハイレゾ音源をエンコードするならMP３かAACか

レコードのハイレゾ化のススメ

ハイレコのブログ

本日までの経過期間を表示するWeb計算ツール（PHP）

経過期間・計算ツールについて

本日までの経過期間を表示するショートコードの作成

以上、「本日までの経過期間を表示するWeb計算ツール」の紹介でした。

PHPの小技 ブログ記事内の「経過年」表記を自動更新させるには

WordPressに『日時』表示。PHPとJavaの使い分け

PHPの小技　ブログ記事内の「経過年」表記を自動更新させるには