如何查看选择的日期是不是这个月

Question

如何验证在日期选择器中选择的日期是否与当前月份相同。我尝试了以下但它不起作用。请帮我。谢谢

$('#thedate').datepicker({
  minDate: 0
});

$('#checkDate').bind('click', function() {
  var selectedDate = $('#thedate').datepicker('getDate');
  var today = new Date();
  today.setHours(0);
  today.setMinutes(0);
  today.setSeconds(0);
  if (Date.parse(today) == Date.parse(selectedDate)) {
    alert('This month');
  } else {
    alert('Not this month');
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>

Date: <input type="text" id="thedate">
<button id="checkDate">Check this month or not</button>

Answer 1

$('#thedate').datepicker({minDate:0});

$('#checkDate').bind('click', function() {
    var selectedDate = $('#thedate').datepicker('getDate');
    
    var current = moment(selectedDate);
    if (moment().month()== current.month()) {
        alert('this month');
    } else {
        alert('Not this  month');
    }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  
Date: <input type="text" id="thedate"/>

<button id="checkDate">Check this month or not</button>

你可以这样做使用 momentjs 的 month() 函数

$('#thedate').datepicker({minDate:0});

$('#checkDate').bind('click', function() {
    var selectedDate = $('#thedate').datepicker('getDate');

    var current = moment(selectedDate);
    if (moment().month()== current.month()) {
        alert('this month');
    } else {
        alert('Not this  month');
    }
});

http://jsfiddle.net/viethien/47odqehb/4/

Answer 2

使用匹配月份值。 new Date().getMonth()
日赛new Date().getDate()

已更新 http://jsfiddle.net/9y36pq85/

   $('#thedate').datepicker({minDate:0});

$('#checkDate').bind('click', function() {
    var selectedDate = $('#thedate').datepicker('getDate');
    var d= new Date(selectedDate);
    var today = new Date();
    if (d.getMonth() == today.getMonth()) {
        alert('this month');
    } else {
        alert('Not this  month');
    }
    alert(d.getDate() == today.getDate() ?'today':'not today')
});

Answer 3

可以使用Date对象的getMonth和getYear方法，比较2.

类似

$('#checkDate').bind('click', function() {
    var selectedDate = $('#thedate').datepicker('getDate');
    var today = new Date();
    if (today.getYear() === selectedDate.getYear() && today.getMonth() === selectedDate.getMonth()) {
        alert('this month');
    } else {
        alert('Not this  month');
    }
});

如何查看选择的日期是不是这个月

How to check selected date is this month or not

javascript

jquery

datepicker

jquery-ui-datepicker