Calendar 一旦我点击任务，Duedate弹出窗口需要出现

我的Bpmn包含用户和服务器任务，没有到期日。当我单击相应的任务时，需要显示duedate日历弹出窗口。在我只选择日期之后，它必须移动到下一个任务

我在Bpmn中使用了

activiti:dueDate=“${dateVariable}”

。但我没有得到任何弹出窗口

    <serviceTask id="GenerateFirstPassDesignerReviewSetVariables" name="Generate First Pass Designer Review Set Variables" activiti:class="com.hcp.core.actionhandlers.HcpSetGlobalVariablesActionHandler" activiti:dueDate="${dateVariable}">
        <activiti:field name="variableNames" stringValue="DesignerReviewNextTask"/>
        <activiti:field name="values" stringValue="GenerateFirstPass"/>
    </serviceTask>

---

当我点击任务菜单时，我需要一个截止日期日历弹出窗口。

您是否可以添加与弹出窗口相关的HTML/Js代码？您是否可以添加与弹出窗口相关的HTML/Js代码？

Core.Action({
        id: 'dateVariable',
        icon: 'calendar',
        invoke: function (context) {
            return new Promise(function (resolve, reject) {
                var oldDate,
                    valid = false,
                    task = Ember.get(context, 'task'),
                    tasks = Ember.get(context, 'tasks'),
                    data = [];
                if (tasks) {
                    // If all tasks here already have a common date, detect that and use it.
                    oldDate = tasks.reduce(function (cur, next) {
                        if (cur === null || Ember.get(cur, 'dtDue') === Ember.get(next, 'dtDue')) {
                            return next;
                        }
                        return null;
                    }, null);
                    if (oldDate !== null) {
                        oldDate = Ember.get(oldDate, 'dtDue');
                    }
                } else if (task) {
                    oldDate = Ember.get(task, 'dtDue');
                }
                oldDate = oldDate ? Date.fromString(oldDate) : new Date();
                var focusTracker;
                $.timepicker.dialog(oldDate.format('%Y-%m-%d'), null, {
                    modal: true,
                    showTime: false,
                    showTimepicker: false,
                    dateFormat: 'yy-mm-dd',
                    stepMinute: 1,
                    beforeShow: function (date, dp, tp) {
                        requestAnimationFrame(function () {
                            dp.dpDiv.find('.ui-state-active').focus();
                        }.bind(this));
                    },
                    onShow: function (dp) {
                        dp.dpDiv.find('.ui-state-active').focus();
                        dp.dpDiv.on('focusout', function (e) {
                           if (e.relatedTarget === null || !dp.dpDiv[0].contains(e.relatedTarget)) {
                               requestAnimationFrame(function () {
                                  $(e.target).focus();
                               });
                               e.preventDefault();
                               return false;
                           }
                        });
                    },
                    onSelect: function (date, dp) {
                        valid = true;
                        requestAnimationFrame(function () {
                            dp.dpDiv.find('.ui-state-active').focus();
                        }.bind(this));
                    },
                    onClose: function (date) {
                        if (valid) {
                            date = Date.parse(date);
                            if (oldDate !== date) {
                                Core.Action('Core:updateTask', context, { dtDue: date }).then(resolve, reject);
                            }
                        }
                    }
                });
            });
        },
        isValid: "(isTask || areTasks) && isWorkflowAdmin && isOpenTask"
    });