Eternicode Bootstrap Datepicker - 动态startDate

时间:2016-07-15 14:13:43

标签: jquery twitter-bootstrap datepicker

我正在使用eternicode bootstrap datepicker。

我正在尝试创建两个字段:

  • actie_start的startdate应该是tommorow
  • actie_end的startdate应为actie_start + 4天的值

我已经尝试这样做了一段时间,但我似乎无法找到问题。这是我目前的代码:

    $(document).ready(function() {
        var _startDate = new Date();
        var _endDate = new Date(_startDate.getTime() + (96 * 60 * 60 * 1000)); //plus 4 days

        $('#actie_begin').datepicker({
            format: 'yyyy-mm-dd',
            autoclose: true,
            startDate: '+1d',
            todayHighlight: true
        }).on('changeDate', function(e){
            _endDate = new Date(e.date.getTime() + (96 * 60 * 60 * 1000)); //set new end date
            $('#actie_end').datepicker('setStartDate', _endDate); //dynamically set new start date for #to
        });

        $('#actie_end').datepicker({
            format: 'yyyy-mm-dd',
            autoclose: true,
            startDate: _endDate,
            todayHighlight: false
        }).on('changeDate', function(e){
            //if current date is bigger than start date
            if (e.date.valueOf() < _startDate.valueOf()){
                alert(e.date.toString()); //called when date is changed
            }
        });
    })

Currenly我只得到2个日期选择器,我可以选择任何日期。我的控制台中没有任何错误。

0 个答案:

没有答案