前提・実現したいこと
javascriptを使って、ホームページに時間を表示したいのですが、
このホームページでは国際原子時を表示する必要があり、npmでダウンロードできる
"tai-date"というモジュールを使って、それを達成しようとしました。
知人に質問したり、調べていくうちに、npmをフロントエンドで使うには、”webpack”や”Browserify”などの
モジュールバンドラを使う必要があると回答を頂いたため、”Browserify”をダウンロードし、
表示させるためのjavascriptのソースコードと、tai-dateのソースコードをまとめました。
しかし、私の記法が間違っているのか、それは動くことはありませんでした。
通常のdateを使った記法ではこれが動くことを確認したのですが、同じようなソースコードを記述しても、tai-dateを使うと動かず、困っております。
この動かない、というのは、最終的にHTMLに記述した<h1 id="date">という部分をターゲットに、表示させるようにしているのですが、表示されず、、、という状況です。
最終的にはこのような状態のホームページを目指しています。(時刻表示の部分が国際原子時をベースにしたものになります。)
https://kengoshimiz.jp/Newer_than_The_new_and_other_art.html
なにか間違いなど、指摘していただけますと大変助かります。よろしくお願いいたします。
また、回答の際に必要でしたら、こちらにビルドしたjsデータがあります。
https://www.dropbox.com/s/gxbg2iec6up28yx/tai-date-join.js?dl=0
■■な機能を実装中に以下のエラーメッセージが発生しました。
発生している問題・エラーメッセージ
エラーメッセージ
該当のソースコード
javascript
1 2var TaiDate = require("tai-date"); 3var y = TaiDate.prototype.getFullYear();//tai-dateで西暦を取得する 4var mo = TaiDate.prototype.getMonth() + 1;//月を取得する 5 var mo2 = ( '00' + mo ).slice( -2 );//月の数字の表示を一定にする 6var d = TaiDate.prototype.getDate();//日付 7 var d2 = ( '00' + d ).slice( -2 ); 8var week = TaiDate.prototype.getDay();//曜日 9var weeks = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]; 10var w = weeks[week]; 11var t = TaiDate.prototype.getHours();//時間 12 var t2 = ( '00' + t ).slice( -2 ); 13var mi = TaiDate.prototype.getMinutes();//分 14 var mi2 = ( '00' + mi ).slice( -2 ); 15var s = TaiDate.prototype.getSeconds();//秒 16 var s2 = ( '00' + s ).slice( -2 ); 17var ms = TaiDate.prototype.getMilliseconds();//m秒 18 var ms2 = ( '000' + ms ).slice( -3 ); 19document.getElementById("date").innerHTML =(y + "/" + mo2 + "/" + d2 + "/" + w + "/" + t2 + ":" + mi2 + ":" + s2 + ":" + ms2); 20 }) 21setInterval('date()',1); 22},{"tai-date":7}]},{},[8]);
試したこと
まず、requireを使って、tai-dateを呼び出してみたのですが、動かず、その後にbrowserifyを使って、ビルドしたのですが、そちらでも動かずでした。
使用している記述用のソフトは、adobeのdreamweaver 2021です。
補足情報(FW/ツールのバージョンなど)
回答1件
あなたの回答
tips
プレビュー