angularjs – 重用Umbraco日期时间选择器

发布时间：2020-12-17 17:04:25 所属栏目：安全来源：网络整理

导读：Umbraco 7有这个日期/时间选择器如何在自定义控件中重复使用它以避免重新发明轮子？目前我只有一个纯文本框： input type='text' ng-model='validTo' / 解决方法可能最简单的方法是在控制器中实例化正确的编辑器并将其绑定到umbEditor指令.您的模板可能包

Umbraco 7有这个日期/时间选择器

enter image description here

如何在自定义控件中重复使用它以避免重新发明轮子？

目前我只有一个纯文本框：

<input type='text' ng-model='validTo' />

解决方法

可能最简单的方法是在控制器中实例化正确的编辑器并将其绑定到umbEditor指令.您的模板可能包含以下内容：

<umb-property ng-if="validTo.hasValue" property="validTo.model">
        <umb-editor model="validTo.model"></umb-editor>
    </umb-property>

而你的控制器可能包含这样的东西：

$scope.validTo = {
    model: null,existingValue: null,hasValue: false
};

function buildDateTimePickerModel(alias,label,description) {
    return {
        editor: "Umbraco.DateTime",label: label,description: description,hideLabel: false,view: "datepicker",alias: alias,value: null,validation: {
            mandatory: false,pattern: ""
        },config: {
            format: "YYYY-MM-DD HH:mm:ss",pickDate: true,pickTime: true,useSeconds: true
        }
    };
};

$scope.validTo.model = buildDateTimePickerModel('validTo','Valid To','Enter the Valid To date');

或类似的东西.我没有对它进行过测试,但是它是从我现有的一个项目派生出来的,它以类似的方式在自定义UI上实现了ContentPicker.

您可能还会发现这对了解可用的配置选项很有用：

https://github.com/umbraco/Umbraco-CMS/blob/dev-v7/src/Umbraco.Web.UI.Client/src/views/propertyeditors/datepicker/datepicker.controller.js#L4-L16

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!