如何使引导日期选择器选择月份的最后一天而不是minViewMode:1的第一天

时间:2015-01-05 08:01:08

标签: javascript twitter-bootstrap datepicker

我正在使用此版本的 Bootstrap DatePicker:http://eternicode.github.io/bootstrap-datepicker/ 范围类型),我已在上传了我的演示JSFiddle 在这里:http://jsfiddle.net/qs5co179/6/

相关的JavaScript:

$('#sandbox-container .input-daterange').datepicker({
    format: "dd/mm/yyyy",
    minViewMode : 1
});

我已将参数设置为 minViewMode:1 ,因此我可以在日历上查看仅几个月而不是整天,原因是我要严格要求用户输入:

  • 当月的第一天:输入名称="开始"
  • 并严格限制他们只输入当月的最后一天:输入名称="结束" (但默认值始终为1点击时的某一天)

例如我正在寻找的数据条目如下:

来自:01/07/2015 - 收件人:30/09/2015 ..采用此格式(年/月/日)

现在我找不到任何参数来设置日历以选择当月的最后一天,而不是总是第一天当您点击该月份时in" To:"字段。

还有一件事我想永远制作"来自:"和" To:" 3个月且不少,我希望总是让肠道最少3个月。

提前多多感谢...

1 个答案:

答案 0 :(得分:1)

您可以将事件处理程序附加到changeDate事件(doc),并手动更改日期(即添加一个月,减去一天)。

对于日期处理部分,我会

  • 获取日期部分
  • 将月份增加1,如果是12月,则将其更改为1月
  • 创建新的Date实例
  • date = date.setDate(date.getDate() - 1)以获得正确的一天

日期部分可以通过简单的字符串切片来提取:

var day = str.slice(0,2);
var month = str.slice(3,5);
var year = str.slice(6,10);