如何从日期jQuery获取特定的月份



>我需要按日期显示。 例如,当我选择 31 开始日期时,将显示月份 (1,3,5,7,8,10,12)。我已经创建了,但月份的结果是 1。

这是我的网页

<label>Day: </label>
<input list="day" class="birth-day" maxlength="2">
<label>Month: </label>
<input list="month" class="birth-month" maxlength="2" disabled>

我的爪哑脚本

function daysInMonth(day) {
  return new Date(day, 0).getMonth() + 1;
}
$('.birth-day').on('change',function() {
  var daysInSelectedMonth = daysInMonth($('.birth-day').val());
  $('#month').text($("<option></option>").attr("value", i).text(""));
  for (var i = 1; i <= daysInSelectedMonth; i++) {
    $('#month').append($("<option></option>").attr("value", i).text(i));
  }
})

这是我在小提琴中的完整代码谢谢

您可以使用 getMonth() 方法

要获取特定月份:

如果您仍然卡住,请点击以下链接:

https://www.w3schools.com/jsref/jsref_getmonth.asp

如果您的目标是从用户那里获取正确的日期值,那么有一种更干净和一致的方法可以做到这一点,那么日期选择器组件被广泛使用。

你可以做:

HTML:
<!doctype html>
<html>
<head>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>

</head>
<body>
<div>Selected Date: <input type="text" id="date_ex"></div>
<div id="date_val"></div>

</body>
</html>

.JS:

  $('#date_ex').datepicker({
   onSelect: function(dateText, inst) {
    // date value now in dateText, show it in date_val DIV
    $('#date_val').text(dateText); 
   }
});

现场示例:

https://jsfiddle.net/dLumvn12/

最新更新