Как установить значение входного номера с помощью 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

Ваш код правильный, только определение DatePicker неправильно, измените

format: " yyyy" 

к:

dateFormat: "yy" 

(Если вы используете jquery- ui datepicker)

DEMO Here

Answer 2

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

получить значение: var yearValue = year.val();

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

Answer 3

Вы должны использовать функцию 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 4

Вы можете использовать, как это.

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