Question

我正在使用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
});

}）;

Answer 1

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

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

Answer 2

使用像{{3}}这样的外部库，您应格式化当前日期（今天），以便在第二个日期选择器的res_body[:read_measurements_list_response][:read_measurements_list_result][:sensor_data_list][:sensor_data]选项中使用它：

direction

这样，第二个datepicker将从第一个datepicker中选择的日期开始，并将在今天结束，因为var end_date = moment().format("m/d/Y"); $('#to').Zebra_DatePicker({ direction: [true, end_date] format: 'm/d/Y', view: 'years', });将具有当前日期。

Answer 3

我刚刚自己解决了这个问题并通过阅读zebra datepicker文档轻松解决了这个问题：

正整数或负整数：n（正整数）创建一个从今日起n天开始的未来日历; -n（否定的整数）创建一个仅在今天前n天结束的过去日历;如果是是0，日历没有限制。对于a，使用布尔值true 从今天开始的未来日历，并使用布尔值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方向是正确的。

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

3 个答案: