使用配对的斑马日期选择器和过去到今天的日期答案

【问题标题】：Using paired zebra datepicker and date in the past to today使用配对的斑马日期选择器和过去到今天的日期
【发布时间】：2014-01-10 17:37:28
【问题描述】：

我正在使用 Zebra Datepicker，并且有一个开始日期和结束日期。我正在寻找可以帮助我解决此问题的代码：

开始日期应该到今天（不应该在将来）结束日期应该是从开始日期选择的开始到今天（无未来日期）。

我从这个开始，但似乎无法更进一步。

$(document).ready(function() {
    var $zdp = $('#element').data('Zebra_DatePicker');
$('#from').Zebra_DatePicker({
    direction: false,
    format: 'm/d/Y',
    view: 'years',
    show_icon: true,
    pair: $('#to')
    });
$('#to').Zebra_DatePicker({
    format: 'm/d/Y',
    view: 'years',
    direction: true
});

});

【问题讨论】：

标签： jquery datepicker

【解决方案1】：

我自己也遇到了这个问题，通过阅读 zebra datepicker 文档轻松解决了这个问题：

一个正整数或负整数：n（一个正整数）创建一个从今天之后的 n 天开始的仅限未来的日历； -n（负 integer) 创建一个仅在今天前 n 天结束的过去日历；如果 n 为 0，日历没有限制。对 a 使用 boolean true 从今天开始的仅限未来的日历，并使用 boolean false 作为今天结束的仅限过去的日历。

所以你的代码应该改为：

$(document).ready(function() {
    var $zdp = $('#element').data('Zebra_DatePicker');
    $('#from').Zebra_DatePicker({
        direction: true,
        format: 'm/d/Y',
        view: 'years',
        show_icon: true,
        pair: $('#to')
    });
    $('#to').Zebra_DatePicker({
        direction: true
        format: 'm/d/Y',
        view: 'years',
    }); 
});

唯一的改变是我将#from 的方向更改为true。如文档中所述，您的#to 方向是正确的。

【讨论】：

【解决方案2】：

只需在方向上添加 -1 而不是 false

$('#from').Zebra_DatePicker({
        direction: -1,
        format: 'm/d/Y',
        view: 'years',
        show_icon: true,
        pair: $('#to')
     });

【讨论】：

谢谢。感谢您的帮助

【解决方案3】：

使用像moment.js 这样的外部库，您应该格式化当前日期（今天），以便在第二个日期选择器的direction 选项中使用它：

var end_date = moment().format("m/d/Y");

$('#to').Zebra_DatePicker({
  direction: [true, end_date]
  format: 'm/d/Y',
  view: 'years',
});

这样，第二个日期选择器将从第一个日期选择器中选择的日期开始，并将在今天结束，因为end_date 将具有当前日期。

【讨论】：