- ベストアンサー
入力された日付の取得
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）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
- AsarKingChang
- ベストアンサー率46% (3467/7473)
関連するQ&A
- datepickerで日付の値を取得したい
jQueryのdatepickerを実装しました。 そこに、jquery.validate.jsを当てて、空欄の時にエラーが出るようにしました。 しかし、日付を選択しても、エラーメッセージが出てしまいます。 （※日付をカレンダーで選択後、再び日付の欄をクリックするとエラーが消えます。） どうやら、日付の値を取得していないような気がしています。 どなたかご存じの方がいらっしゃいましたら、教えていただけると幸いです。 <script type="text/javascript"> $(function(){ $("#datepicker").datepicker() }); </script> <script> jQuery(".validDate").validate({ expression: "if(VAL != '') return true; else return false;", message: "希望日をお選びください。" }); </script> <input type="text" name="reservationdate" class="rDate validDate" id="datepicker"/>
- ベストアンサー
- JavaScript
- jQueryで複数の要素オブジェクトを取得したあと
jQueryで複数の要素オブジェクト(というの？)を取得するケースで、jQueryオブジェクトとして扱えなくなっていることが気持ち悪く、ここをどうにかできないかという話です。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <input type="text" id="ii1" name="nn" value="マツコ"> <input type="text" id="ii2" name="nn" value="竹田"> <input type="text" id="ii3" name="nn" value="小梅太夫"> <script> jQuery(function ($) { alert($("#ii1").val()); // (0) alert($("[name=nn]:eq(1)").val()); // (1) alert($("[name=nn]:first-child").val()); // (2) alert($("[name=nn]")[2].value); // (3) alert($("[name=nn]").get(1).value); // (4) }); </script> このソースで、(0)はいいとして、(1)(2)のようにオブジェクトが一つしか返らないような場合には、「.val()」メソッドが使えます。しかし(3)(4)の場合には、少なくともこのままでは「.val()」メソッドが使えないため、Elementオブジェクトのvalueプロパティを使用しています。 値を取得するコードで「.val()」「value」が混在しているのが気持ち悪く、「value」に統一したいです。ちなみに実際には「$("[name=nn]")」のように取得したあと、for文でまわして処理するケースが多いです。 「$("[name=nn]")」で取得し、オブジェクトの件数をカウントしたあと苦肉の策で、for文の中で「$("[name=nn]:eq(" + i + ")").val()」等と書いたこともありますが、むしろ読みにくくなってしまっています。これだったらまだvalueプロパティを使う方がいいかと思います。 「$("[name=nn]")」で複数のオブジェクトを取得した後で、それぞれのオブジェクトに「.val()」を使う方法はありますでしょうか？あるのなら具体的に教えてください。 よろしくお願いします。
- ベストアンサー
- JavaScript
- inputManの日付入力について
inputManのimDateで日付を入力させて、ボタンを押した際に +1日をして変数にセットをしたいのですが、やりたかがいまいちわかりません・・・ Date + 1みたいにしたいなとは思ったものの 取得する際に、time1 = Mid$(val(imDate1.number),1,8)としています。 これの場合数値として取ってしまっているので日付を次の日にするのは無理ですよね？ 何か方法がありましたら教えてください・・・・
- ベストアンサー
- Visual Basic
- 入力内容をリアルタイムに取得・表示する処理
次のような内容でテキストエリアに入力された特定のキーワードをカウントしているのですが、カウントの値をリアルタイムに取得・表示にはどのような処理を加えたら良いのでしょうか。 <form id="post" name="post" method="post" action="post.php"> <texarea id="text" class="text-edit" name="text"></textarea> <input id="submit" name="submit" type="submit"> </form> (<div id="keyword-counter"></div>をここに追加) <div id="word-counter">文字数</div> <script type="text/javascript"> jQuery( function($) { function KeywordCounter() { var input_text = document.post.content.value; var word = input_text.split('キーワード').length -1; } $('#word-counter') .before('<div id="keyword-counter"></div>').bind('keyup', KeywordCounter); KeywordCounter(); }); </script>
- ベストアンサー
- JavaScript
- ファイルパスの取得について
input type=fileを使ってファイルパスを取得し、そのパスをinput type=textの入力欄に表示させたいです。 ファイルの操作はしません。パスを取りたいだけです。 以下のようなことをやりたいです。 ・参照ボタンでファイルパスを取得 ・JSで（？）参照のボックスに値が入ったのを見てその値をtext欄にコピー ・text欄は手入力もしたいです ・text欄に値が入っていて参照で取得した場合は上書き ・参照ボックスは見た目上text欄で隠したいです（参照ボタンはtext欄の右にあるように） JS側とhtml側の記述方法を教えてほしいです。 よろしくおねがいします。
- 締切済み
- JavaScript
- JQuery Datepickerについて
DatePickerを使ってカレンダーを選ばせて、inputテキストエリアに出した日付で検索をさせたいのですが、inputタグのvalue値、title値をどうやってもってくるかがわかりません。どのようにすれば選んだ日付がinputタグ内に記述されるのでしょうか？詳しい方、ご教示いただけないでしょうか。。 呼び出す箇所はJS内に記述しています。↓ $("div#Calender").append('<input type="text" value="" title="" name="date1" id="jquery-ui-datepicker" class="date-pick" />');
- 締切済み
- JavaScript
- テキストフィールドの値に変更があったら
テキストフィールド（start_date）では、 $("#start_date").datepicker({dateFormat:'yy-mm-dd'}); として日付入力をします。 その日付フィールドに変更があったら、ajaxaで処理をしたいのです。 そこで、jsに $(document).ready(function() { $(".start_date").change(function(){ var d=$(this).val(); var dataString = 'start_date'+ d; $.ajax({ type: "POST", url: "ajax_org.php", data: dataString, cache: false, success: function(html){ $(".org_id").html(html); } }); }); }); と記述し、変更があったらajax_org.phpを読んで、セレクトボックスの内容を変更させようと しているのですが、このajax_org.phpにテキストボックスの内容がPOSTされないのです。 セレクトボックスに変更があった場合には、valの値が、上記の記述でＰＯＳＴで読めるのですが、 なにがいけないのでしょうか？ ご教授お願いします！！
- 締切済み
- PHP
- AJAXの計算式の中にIF文を入れて表示したい
下記の2つのファイルで、フォームから入力した数値同士の「足し算の結果」をAJAXで表示できます。 ******************************************** 【HTMLフォーム】 <script language="JavaScript" type="text/javascript" src="js/culc.js"></script> <form name="f1"> <input type="text" id="text1" name="text1" size="10" maxlength="10" /> + <input type="text" id="text2" name="text2" size="10" maxlength="10" /> <input type="button" value="足す" onclick="readText()" /> </form> <p id="message"></p> ******************************************* 【JAVASCRIPT(culc.js)】 function readText() { var text1 = document.getElementById("text1"); var text2 = document.getElementById("text2"); var message = document.getElementById("message"); var str_val1 = text1.value; var str_val2 = text2.value; var sum; if (isNaN(str_val1) || str_val1 == "" || isNaN(str_val2) || str_val2 == "") { textMessage = "数値以外の文字が入っています"; } else { //sum = str_val1 + str_val2; sum = parseFloat(str_val1) + parseFloat(str_val2); textMessage = "合計は、" + sum + "です"; } message.innerHTML = textMessage; } ************************************************ 【質問】 このjavascriptを改造し、入力した数値についての「足し算の結果」が正の数だった場合には「正の数」、負の数だった場合は「負の数」と表示すべく改造しております。下記の改造を施したのですが、うまく表示されません。 下記の文のどこが誤りか修正頂けませんでしょうか? 宜しくお願い致します。 【JAVASCRIPT(culc2.js)】 function readText() { var text1 = document.getElementById("text1"); var text2 = document.getElementById("text2"); var message = document.getElementById("message"); var str_val1 = text1.value; var str_val2 = text2.value; var sum; if (isNaN(str_val1) || str_val1 == "" || isNaN(str_val2) || str_val2 == "") { textMessage = "数値以外の文字が入っています"; } else { //sum = str_val1 + str_val2; sum = parseFloat(str_val1) + parseFloat(str_val2); textMessage = "(if((sum > 0) { document.write("正の数"); } else((sum <= 0) { document.write("負の数"); } ))"; } message.innerHTML = textMessage; }
- ベストアンサー
- AJAX
- jquery複数のcheckboxの値について
どうも、はじめまして、jqueryに興味をもった初心者です。 jqueryを利用で、phpファイルにcheckboxの値を渡し、loadでphpファイルを読み込みたいのですが、うまくいきません。。ご存知の方いましたら、 お手数ですが、教えてください。。 環境、php5.1,jquery1.4, ソース <!--html側--> <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="chk.js"></script> <title></title></head> <body> <input type="checkbox" name="test[]" id="test" value="1">test1 <input type="checkbox" name="test[]" id="test" value="2">test2 <input type="checkbox" name="test[]" id="test" value="3">test3 <input type="checkbox" name="test[]" id="test" value="4">test4 <input type="submit" value="sub" id="sub"> <div id="hbox">ここにロードしたい</div> </body> </html> //chk.js --------------------------- $(function(){ $("#sub").click(function () { var chk = $(".@test:checkbo[name^='test[]']:checked") .val(); $("#hbox").load("form.php",{test:chk}); }); }); //form.php ---------------------------- <?php echo htmlentities( print_r($_GET, true) ); ?> 以上がソースです。。。このソースだと、 checkを入れた値１つしか、phpに渡すことができません。。 checkを入れた値をすべて、phpに渡し、loadしたいのですが、 方法が分からず困ってます。 ご存知の方いましたら、お手数ですが、 分かりやすく、教えていただけませんでしょうか お願いいたします。
- ベストアンサー
- JavaScript
- 入力欄を動的に増減させる
jquery.addInputAreaAdd Starhundret プログラミング, jQueryプラグイン の基本の入力欄を動的に増減させるデモ用のHTMLファイルを作りましたが、 入力欄が増減できません。 http://d.hatena.ne.jp/sutara_lumpur/20120509/1336556562 どこの記載が間違っているのでしょうか。 <html lang="ja-JP"> <head> <script type="text/javascript src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script type="text/javascript"> $('#list1').addInputArea(); </script> </head> <body> <ol id="list1"> <li class="list1_var"> <input type="text" size="40" name="list1_0" id="list1_0"> <button class="list1_del">Delete</button> </li> </ol> <input type="button" value="Add" class="list1_add"> </body> </html>
- ベストアンサー
- JavaScript
お礼
ご指摘の通り、HTML部に出力用のdivを用意していなかったことが原因でした。丁寧なご回答をして頂きとても助かりました。ありがとうございます。