ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

javascript – Bootstrap daterangepicker选择开始日期30天为maxDate

2019-06-20 12:20:58  阅读:148  来源: 互联网

标签:jquery javascript twitter-bootstrap datepicker


我想知道是否有人可以帮助我.使用Dan Grossman的Bootstrap Date Picker我想在选定的开始日期添加30天并将其定义为maxDate,以便用户无法选择超过此日期.

我真的坚持这个,我找不到任何与我想做的事情相关的文件.这是我的代码;

var min_date = new Date();
var max_date = '05/31/2013';

$('#limited').daterangepicker(
{
    minDate: min_date,
    maxDate: max_date,
},
function(start, end) {
    $('#limited')
        .data("showAddEventDialogue_dateRangeStart", start)
        .data("showAddEventDialogue_dateRangeEnd", end);
});

任何帮助或建议将非常感谢.

太感谢了.

解决方法:

看来这个插件只接受minDate和maxDate的特定日期格式,即mm / dd / yyyy.

只需使用新的Date();不幸的是,它不起作用,因为它返回完整的日期,格式不正确.

下面的代码似乎对我有用,它总是使用今天作为min和30作为最大值.

/* Get the code into mm/dd/yyyy format */
function getFormatDate(d){
    return d.getMonth()+1 + '/' + d.getDate() + '/' + d.getFullYear()
}

$(document).ready(function() {
    var minDate = getFormatDate(new Date()),
    mdTemp = new Date(),
    maxDate = getFormatDate(new Date(mdTemp.setDate(mdTemp.getDate() + 30)));

    $('#daterange').daterangepicker(
    {
       minDate: minDate,
       maxDate: maxDate
    }
    );
});

标签:jquery,javascript,twitter-bootstrap,datepicker
来源: https://codeday.me/bug/20190620/1244096.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有