簡體   English   中英

在輸入日期內獲得價值

[英]get value inside a input date

我正在使用輸入文本日期類型,並且試圖在輸入文本被填充或在內部單擊某些值時獲取值,我需要在輸入內部捕獲值的什么事件?

我從jquery放了一個keyup,但是只有當有人按下一個鍵時才起作用,但是在此字段日期類型中,您可以在箭頭中單擊它,並且我的值不更新,並且當我從數據庫中獲取值時該值也不會更新。

<script type="text/javascript">

$(document).ready(function(){
  $("input#name").on("keyup",function(){
    var valor=  $(this).val();
     var date=age(value) 
      $("div#messaje p").html(date);
  })    ;
});
</script>


<body>
Enter your name: <input id="name" type="date">
<div id="messaje"><p>value update from input text date type</p></div>
</body>

不管數據如何到達他,我都希望獲得我輸入的價值

  1. 因為您不使用鍵盤與之交互,所以不會在datePicker上觸發鍵入事件。 改為監聽更改事件。

  2. 始終將JavaScript保持在body標簽結束處的上方。

  3. 我不知道您嘗試在var date=age(value)做什么,暫時我已經省略了它。

附有工作片段。

謝謝。

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <body> Enter your name: <input id="name" type="date"> <div id="messaje"><p>value update from input text date type</p></div> <script type="text/javascript"> $(document).ready(function(){ $("#name").on("change",function(){ var valor = $(this).val(); $("#messaje p").html(valor); }); }); </script> </body> 

更改事件keyup以進行change

 $(document).ready(function() { $("#dateInput").on("keyup change", function() { var valueDate = $(this).val(); console.log(valueDate); }); }); 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> I'm using a input Text date type and i'm trying to get value when input text is fill or some value clicked inside, what event i need to catch value inside the input? I put a keyup from jquery but only work it when someone press a key, but in this field date type you can click it in the arrows and my values ​​do not update and this value neither update when i get value from database. <body> Enter your name: <input id="dateInput" type="date"> <div id="messaje"> <p>value update from input text date type</p> </div> </body> 

好吧,我認為您的第一個問題是您使用了錯誤的事件,應該使用更改,這是您的輸入

<input type="date" id="start">

那么您應該像這樣編寫事件處理程序

object = document.getElementById("start");
object.addEventListener("change", function(){
 alert (document.getElementById("start").value)

});

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM