gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 08:12:21 24 4
gpt4 key购买 nike

Umbraco 7 有这个日期/时间选择器
enter image description here

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

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

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

最佳答案

可能最简单的方法是在 Controller 中实例化正确的编辑器并将其绑定(bind)到 umbEditor 指令。您的模板可能包含以下内容:

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

而您的 Controller 可能包含以下内容:
$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

关于angularjs - 重用 Umbraco 日期时间选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33092552/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com