Wie setze ich den Wert der Eingangsnummer mit jQuery?

Question

Ich versuche, den Wert eines Eingabeelements mithilfe von jQuery festzulegen.

HTML: <input id="id_year" name="year" type="number">

JavaScript:

$(document).ready(function() { 
    var year = $("#id_year"); 
    year.datepicker({ 
     format: " yyyy", // Notice the Extra space at the beginning 
     viewMode: "years", 
     minViewMode: "years" 
    }); 
    year.on('changeDate', function(ev){ 
     year.attr('value',ev.date.getFullYear()); 
    }); 
}); 

Wenn der Eingangstyp text ist, es funktioniert. Aber ich muss number als Eingabetyp verwenden.

Wie kann ich den Eingabewert mit jQuery oder normalem JavaScript festlegen?

Wichtige Hinweise

Ich versuchte year.val(ev.date.getFullYear()); zu verwenden, aber es hat nicht funktioniert.

Answer 1

Ihr Code ist richtig, nur die Definition von picker falsch ist, ändern

format: " yyyy" 

zu:

dateFormat: "yy" 

(Wenn Sie mit jquery- ui Datepicker)

DEMO Here

Answer 2

year.val(ev.date.getFullYear()); 

den Wert zu erhalten: var yearValue = year.val();

http://api.jquery.com/val/

Answer 3

Sie haben die val Funktion zu verwenden.

Sie können den Code wie folgt schreiben:

$(document).ready(function() { 
    var year = $("#id_year"); 
    year.datepicker({ 
     format: " yyyy", // Notice the Extra space at the beginning 
     viewMode: "years", 
     minViewMode: "years" 
    }); 
    year.on('changeDate', function(ev){ 
     console.log("ssds"); 
     $(this).val(ev.date.getFullYear()); 
    }); 
}); 

Answer 4

Sie mögen diese verwenden können.

$(document).ready(function() { 
 
    var year = $("#id_year"); 
 
    year.datepicker({ 
 
     format: " yyyy", // Notice the Extra space at the beginning 
 
     viewMode: "years", 
 
     minViewMode: "years", 
 
     onSelect: function(dateText) { 
 
      console.log(dateText); 
 
      var startDate = new Date(dateText); 
 
      year.val(startDate.getFullYear()); 
 
      console.log(year.val()); 
 
     } 
 
    }); 
 
    /* year.on('changeDate', function(ev){ 
 
     console.log("ssds"); 
 
     year.val(ev.date.getFullYear()); 
 
     console.log(year.val()); 
 
    });*/ 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
 

 
<link rel="stylesheet" href="https://jqueryui.com/resources/demos/style.css"> 
 
<input id="id_year" name="year" type="number">