如何使用jQuery設置輸入數字的值？

Question

我正在嘗試使用jQuery設置輸入元素的值。

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());
    });
});

如果輸入類型為text ，則可以使用。 但是我必須使用number作為輸入類型。

如何使用jQuery或常規JavaScript設置輸入值？

重要筆記

我試圖使用year.val(ev.date.getFullYear()); 但這沒用。

Answer 1

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

獲取值： var yearValue = year.val();

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

Answer 2

您必須使用val函數。

您可以這樣編寫代碼：

$(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 3

您可以這樣使用。

 $(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"> 

Answer 4

您的代碼是正確的，只是datepicker的定義是錯誤的，請更改

format: " yyyy"

至 ：

dateFormat: "yy"

（如果您使用的是jquery-ui datepicker）

在這里演示