Kendo UI日历-单击日历图标后清除过去的日期

时间:2019-12-13 11:29:10

标签: date kendo-ui calendar

在我的屏幕上,使用的Kendo UI日历表现异常。 当我开始编辑屏幕并单击“日历”字段时,如果日期是过去的日期(在日历上已禁用),那么即使我没有进行任何更改,现有的日期值也会被清除。

我该如何保留日历中禁用的过去日期的日期值。 给出修复的示例代码。

我们尝试过使用HTML日历和JQuery日历,并且行为与Kendo UI日历相同。

使用的代码在javascript中

$('#txtWFITaskStartDate').change(function (e) {
    e.preventDefault();
    e.stopImmediatePropagation();
    var labelName = $(this).data('validatelabel');
    var CurrentId = $(this).attr('id');
    var startDate = $("#" + CurrentId).val();
    var duration = $('#txtWFITaskDuration').val();
    if ($('#' + CurrentId).val() === "") {
        varErrorClassName = 'errmsgStartDate';
        DisableTaskEditControls();
        $('#StartDate').after('<span class="text-danger ' + varErrorClassName + '">' + Web_IsRequired.replace("{0}", labelName) + '</span>');
    }
    else {
        $('.errmsgStartDate').remove();
        $('.errmsgEndDate').remove();
        EnableTaskEditControls();
        var endDate = CalculateEndDate(duration, startDate);
        $('#txtWFITaskEndDate').val(endDate);
        $('#EndDate').datepicker('setDate', new Date(endDate));
        endDate = $('#txtWFITaskEndDate').val();
        if (endDate !== "") {
            EnableTaskEditControls();
        } else {
            varErrorClassName = 'errmsgEndDate';
            $('#EndDate').after('<span class="text-danger ' + varErrorClassName + '">' + Web_IsRequired.replace("{0}", "End date") + '</span>');
            DisableTaskEditControls();
        }
    }
});

下面是模式弹出窗口(MVC)上显示的日期的屏幕截图 Start date

由于开始日期已过,控件将以禁用模式显示。当将焦点放在“开始日期”控件上并从中聚焦时。过去的日期将被清除。我想保留现有值,直到用户更改日期,否则该相同值必须保留在“开始日期”文本框中。 Disabled Start Date

0 个答案:

没有答案