我使用的是jQuery UI日期选择器。当我单击上一个和下一个箭头时,我想调用一个API并将导航月份的第一天和最后一天作为日期传递。
例如,如果我单击下一步转到2018年8月,它应该会得到8月份的第一个和最后一个日期。
我已经明白了,但是onSelect
。我想把它放在上一页和下一页的导航上。
HTML:
<input type="text" id="date1" name="date1"/>
<p id="date2"></p>
jQuery:
$('#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
发布于 2018-07-10 23:18:03
使用onChangeMonthYear而不是onSelect
$('#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);
}
});
https://stackoverflow.com/questions/51267966
复制相似问题