みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

入力された日付の取得

monacaでjqueryを使いアプリをつくっています。
<input type="date" >をつかって、ユーザーが入力した日付を取得し、その日付をテキストとして書きだしたいのですが、うまくいきません。入力された値は.val()で取得して.textで書き込めばよいのでしょうか?

html
<input type="date" id="Time">
js
var time = $("#Time").val();

投稿日時 - 2018-12-21 17:45:41

QNo.9570023

困ってます

質問者が選んだベストアンサー

追加、質問者さんが、書いているコードはそのままで、動いたので。
恐らく問題点は~と私なりに考えたのですが、
入力が完了する前に、そのJQが発動したのではないですか?
入力が終わった後に、その部分が発動するようにすれば
それで、全部解決な気がします。
>.textで書き込めばよいのでしょうか?
試しに私が書いたソースのTime2への書き込み部の下に
$('#ABC').text(time);

HTML部のどこかに、
<div id=ABC><!-- この部分が書き換えられる--></div>
だけで、質問の件が解決する気がします。
先の回答とあわせてやってみてもらえますか?

投稿日時 - 2018-12-21 18:19:26

お礼

ご指摘の通り、HTML部に出力用のdivを用意していなかったことが原因でした。丁寧なご回答をして頂きとても助かりました。ありがとうございます。

投稿日時 - 2018-12-21 19:22:10

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

あなたが貼ったコードでちゃんと動きますよ。
<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に書き出しただけですが。
ちゃんと、書き出せてますが。
問題点は、何だったのでしょうか?

投稿日時 - 2018-12-21 18:06:29

あなたにオススメの質問