首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在jquery datepicker中获取导航月份的第一天和最后一天

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

Stack Overflow用户
提问于 2018-07-10 22:34:42
回答 1查看 1.2K关注 0票数 1

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

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

我已经明白了,但是onSelect。我想把它放在上一页和下一页的导航上。

HTML:

代码语言:javascript
复制
<input type="text" id="date1" name="date1"/> 
<p id="date2"></p>

jQuery:

代码语言:javascript
复制
$('#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

EN

回答 1

Stack Overflow用户

发布于 2018-07-10 23:18:03

使用onChangeMonthYear而不是onSelect

代码语言:javascript
复制
$('#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); 

   }
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51267966

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档