【问题标题】:set datepicker kendo ui, java script设置 datepicker kendo ui, javascript
【发布时间】:2013-09-18 12:16:33
【问题描述】:

我尝试通过点击事件设置 2 个日期选择器。

我的代码是这样的

$('#previous3Days').click(function () {

    var a = $('#MonthBis').data('kendoDatePicker').value();
    var d = $('#MonthVon').data('kendoDatePicker').value();
    d.setDate(d.getDate() - 3);

    $('#MonthVon').data('kendoDatePicker').value(d);
    $('#MonthBis').data('kendoDatePicker').value(a);
    if (a !== d) {
        $('#MonthBis').data('kendoDatePicker').value(a);
        a.setDate(a.getDate() - 3);
    }
});

我的问题是 KendoComboBox 不会更改“Monthbis”的值。

我尝试了所有可能性,例如 if (a>d) 或 (a!=d)。

如果我每次点击都使用 (a>=d),则两个日期都会更改。

我还根据这个检查了浏览器中的控制台,这两个日期总是相同的,我看不出我的错。

【问题讨论】:

    标签: javascript jquery web datepicker kendo-ui


    【解决方案1】:

    我认为问题出在你程序的逻辑上……

    更改 MonthVon 没问题,因为您(按顺序)您写道:

    var d = $('#MonthVon').data('kendoDatePicker').value(); // Line 4
    d.setDate(d.getDate() - 3);                             // Line 5
    $('#MonthVon').data('kendoDatePicker').value(d);        // Line 7
    

    但是对于MonthBis,逻辑很奇怪......这是你写的:

    var a = $('#MonthBis').data('kendoDatePicker').value(); // Line 3
    $('#MonthBis').data('kendoDatePicker').value(a);        // Line 8
    

    所以到目前为止你什么也没做,因为你读写相同的值。

    然后你检查 a !== c 如果是的话你做:

    $('#MonthBis').data('kendoDatePicker').value(a);        // Line 10
    a.setDate(a.getDate() - 3);                             // Line 11
    

    你修改了a,但你没有对它的值做任何事情,所以它实际上什么也没做。

    您可能应该交换第 10 行和第 11 行,这样您就有:

    $('#previous3Days').click(function () {
        var d = $('#MonthVon').data('kendoDatePicker').value();
        d.setDate(d.getDate() - 3);
        $('#MonthVon').data('kendoDatePicker').value(d);
    
        var a = $('#MonthBis').data('kendoDatePicker').value();
        if (a !== d) {
            a.setDate(a.getDate() - 3);
            $('#MonthBis').data('kendoDatePicker').value(a);
        }
    });
    

    【讨论】:

    • 我现在发现了另一个问题,如果两个日期不同,它会很好,但如果我有 2 x 20.09.2013,它仍然在 if 中运行。但没关系,我的老板不再需要这个功能了,谢谢
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-12-03
    • 2013-06-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多