今日の何週後
ブログ
2023年6月20日
「今日の何日後」を改造してみました。
初期値を今日の日付にする、計算結果を変換する方法は「今日の何日後」と同様です。
「今日の日付に7を足す」ようにスクリプトを書き換えます。
出力欄のIDをone、two、three・・・とします。
document.getElementById("keisan").onclick = function() {
var dt = new Date($('#today').val());
dt.setDate(dt.getDate() + +7);
var dayOfWeekStrJP = ["日", "月", "火", "水", "木", "金", "土", ]
var formatted = `
${dt.getFullYear()}年
${(dt.getMonth()+1).toString().padStart(2, '0')}月
${dt.getDate().toString().padStart(2, '0')}日
${dayOfWeekStrJP[dt.getDay()]}曜日
`.replace(/\n|\r/g, '');
$('#one').text(formatted);
};
同様に14日後、21日後・・・とスクリプトを追加していけば完成!
・・・するはずだったのですが、この方法では最後の1個だけしか結果が出力されませんでした。ぐぬぬ
計算ボタンに直接onclickを記述し、functionA();functionB();functionC();のようにセミコロンで区切ると複数の計算式を同時に実行してくれます。
<input type="submit" id="keisan" value="計算" onclick="functionA(); functionB(); functionC();・・・functionN();">
スクリプトにA、B、C・・・と名前を付けて完成です!
function functionA() {
var dt = new Date($('#today').val());
dt.setDate(dt.getDate() + +7);
var dayOfWeekStrJP = ["日", "月", "火", "水", "木", "金", "土", ]
var formatted = `
${dt.getFullYear()}年
${(dt.getMonth()+1).toString().padStart(2, '0')}月
${dt.getDate().toString().padStart(2, '0')}日
${dayOfWeekStrJP[dt.getDay()]}曜日
`.replace(/\n|\r/g, '');
$('#one').text(formatted);
};
function functionB() {
var dt = new Date($('#today').val());
dt.setDate(dt.getDate() + +14);
var dayOfWeekStrJP = ["日", "月", "火", "水", "木", "金", "土", ]
var formatted = `
${dt.getFullYear()}年
${(dt.getMonth()+1).toString().padStart(2, '0')}月
${dt.getDate().toString().padStart(2, '0')}日
${dayOfWeekStrJP[dt.getDay()]}曜日
`.replace(/\n|\r/g, '');
$('#two').text(formatted);
};
function functionC() {・・・
・
・
・
function functionN() {
var dt = new Date($('#today').val());
dt.setDate(dt.getDate() + +98);
var dayOfWeekStrJP = ["日", "月", "火", "水", "木", "金", "土", ]
var formatted = `
${dt.getFullYear()}年
${(dt.getMonth()+1).toString().padStart(2, '0')}月
${dt.getDate().toString().padStart(2, '0')}日
${dayOfWeekStrJP[dt.getDay()]}曜日
`.replace(/\n|\r/g, '');
$('#fourteen').text(formatted);
};
98日分まで出したかったのでA~Nまで設定しましたが、もっとスマートなやり方があると思います。
ケミストでは引き続き「ブログ」のテーマを募集しています!
調べてほしい、まとめてほしい薬の情報がありましたら教えてください。