\r\n```","answerCount":3,"upvoteCount":0,"datePublished":"2018-09-07T07:50:05.752Z","dateModified":"2018-09-07T08:27:22.486Z","acceptedAnswer":{"@type":"Answer","text":"JavaScriptですね。\r\n以下でどうでしょう。\r\nあらかじめ、左側に'00'をつけておき、右2桁分のみ採取します。\r\nMo = ('00' + (mydate.getMonth()+1)).slice(-2);\r\nDa = ('00' + mydate.getDate()).slice(-2);","dateModified":"2018-09-07T08:03:42.716Z","datePublished":"2018-09-07T07:58:53.334Z","upvoteCount":4,"url":"https://teratail.com/questions/145391#reply-219405"},"suggestedAnswer":[{"@type":"Answer","text":"日付に関してはMoment.jsをお薦めします。","dateModified":"2018-09-07T08:40:11.856Z","datePublished":"2018-09-07T08:37:55.181Z","upvoteCount":1,"url":"https://teratail.com/questions/145391#reply-219416","comment":[]},{"@type":"Answer","text":"単純に\r\n```JavaScript\r\nif(Mo < 10){\r\n Mo = '0' + Mo;\r\n}\r\n//Daの場合はMoをDaに置き換え\r\n```\r\nでいかがでしょうか。","dateModified":"2018-09-07T08:10:34.626Z","datePublished":"2018-09-07T08:10:34.626Z","upvoteCount":3,"url":"https://teratail.com/questions/145391#reply-219408","comment":[{"@type":"Comment","text":"0が出ました!ご回答頂きありがとうございました!","datePublished":"2018-09-07T08:41:22.066Z","dateModified":"2018-09-07T08:41:22.066Z"}]}],"breadcrumb":{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://teratail.com","name":"トップ"}},{"@type":"ListItem","position":2,"item":{"@id":"https://teratail.com/tags/JavaScript","name":"JavaScriptに関する質問"}},{"@type":"ListItem","position":3,"item":{"@id":"https://teratail.com/questions/145391","name":"HPにJavaScriptで月日を表示する際、数字を二桁にしたい"}}]}}}
ウェブサイト内に、今日の日付が出るようにし、更にその日付をcssでレイアウトしたいと思っています。
自由なレイアウトまではできましたが、数字を二桁(一桁の日付のときは0を置く)にする方法はありますか?
日付の表示は
9
ー
7
月が上、日付が下、というレイアウトにしています。
こちらのサイトを参考にしました。
https://webdesign-abc.com/howto/auto-date/
よろしくお願いいたします。
<script language="JavaScript">
<!--
mydate=new Date();
Mo=mydate.getMonth()+1;
Da=mydate.getDate();
Day=mydate.getDay();
document.write("<div class='border'>"); //月の下にボーダーを付けるクラス
document.write(Mo);
document.write("</div>");
document.write(Da);
//-->
</script>
ベストアンサー
JavaScriptですね。
以下でどうでしょう。
あらかじめ、左側に'00'をつけておき、右2桁分のみ採取します。
Mo = ('00' + (mydate.getMonth()+1)).slice(-2);
Da = ('00' + mydate.getDate()).slice(-2);
単純に
JavaScript
1if(Mo < 10){
2 Mo = '0' + Mo;
3}
4//Daの場合はMoをDaに置き換え
でいかがでしょうか。
15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.29%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる
質問する