- ベストアンサー
入力された日付の取得
monacaでjqueryを使いアプリをつくっています。 <input type="date" >をつかって、ユーザーが入力した日付を取得し、その日付をテキストとして書きだしたいのですが、うまくいきません。入力された値は.val()で取得して.textで書き込めばよいのでしょうか？ html <input type="date" id="Time"> js var time = $("#Time").val();
- sanadamushi44
- お礼率50% (1/2)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
追加、質問者さんが、書いているコードはそのままで、動いたので。 恐らく問題点は～と私なりに考えたのですが、 入力が完了する前に、そのJQが発動したのではないですか？ 入力が終わった後に、その部分が発動するようにすれば それで、全部解決な気がします。 >.textで書き込めばよいのでしょうか？ 試しに私が書いたソースのTime2への書き込み部の下に $('#ABC').text(time); HTML部のどこかに、 <div id=ABC><!-- この部分が書き換えられる--></div> だけで、質問の件が解決する気がします。 先の回答とあわせてやってみてもらえますか？
その他の回答 (1)
- AsarKingChang
- ベストアンサー率46% (3467/7474)
あなたが貼ったコードでちゃんと動きますよ。 <html> <head> <script src="http://code.jquery.com/jquery.min.js"></script> </head> <body> <script> $(function() { $('#waa').submit(function(e){ var time = $("#Time").val(); $("#Time2").val(time); return false; }); }); </script> <form id="waa"> <input type="date" id="Time"> <input type="date" id="Time2"> <input type="submit" value="Go"> </form> </body> </html> とりあえず、dateに入力したものをdate2に書き出しただけですが。 ちゃんと、書き出せてますが。 問題点は、何だったのでしょうか？
お礼
ご指摘の通り、HTML部に出力用のdivを用意していなかったことが原因でした。丁寧なご回答をして頂きとても助かりました。ありがとうございます。