在jquery datepicker中获取导航月份的第一天和最后一天

Question

我正在使用jQuery UI日期选择器。当我单击上一个和下一个箭头时，我想调用一个 API 并将导航月份的第一天和最后一天作为日期传递。

例如，如果我通过单击下一步转到 2018 年 8 月，它应该得到 8 月的第一个和最后一个日期。

我已经明白了，但是onSelect.我想让它在上一个和下一个的导航上。

.HTML：

<input type="text" id="date1" name="date1"/> 
<p id="date2"></p>

j查询：

$('#date1').datepicker({
onSelect: function(dateText, inst) { 
var dateAsString = dateText; //the first parameter of this function
var dateAsObject = $(this).datepicker( 'getDate' ); //the getDate method
var firstDay = new Date(dateAsObject.getFullYear(), dateAsObject.getMonth(), 1);
var lastDay = new Date(dateAsObject.getFullYear(), dateAsObject.getMonth() + 1, 0);
$('#date2').html(firstDay+" <br/> "+lastDay); 
}
});

检查 JSFiddle

Answer 1

不要使用onSelect，而是使用 onChangeMonthYear

$('#date1').datepicker({
onChangeMonthYear : function(dateText, inst, dateob) { 
var dateAsString = dateText; 
var dateAsObject = $(this).datepicker( 'getDate' ); 
console.log(dateob.selectedDay +"/"+ dateob.selectedMonth +"/"+ dateob.selectedYear);
var navidatedMonth = new Date(dateob.selectedYear, dateob.selectedMonth,  dateob.selectedDay)
var firstDay = new Date(navidatedMonth.getFullYear(), navidatedMonth.getMonth(), 1);
var lastDay = new Date(navidatedMonth.getFullYear(), navidatedMonth.getMonth() + 1, 0);
$('#date2').html(firstDay + " <br/>" + lastDay); 
}
});