Код: Выделить всё
$(function () {
const formData = {};
const form = $("#formContainer")
.dxForm({
formData: formData,
items: [
{
itemType: "group",
colCount: 2,
items: [
{
dataField: "CheckInFromDate",
label: { text: "Check-In from" },
editorType: "dxDateBox",
template: function (data, $itemElement) {
const editorTemplate = $("").dxDateBox({
dataField: "CheckInFromDate2",
showClearButton: true,
displayFormat: "dd/MM/yyyy",
onValueChanged: function (e) {
const minDate = e.value;
form.getEditor("CheckInToDate").option("min", minDate);
form
.getEditor("CheckInToDate")
.option("disabled", !minDate);
},
});
editorTemplate
.dxValidator({
validationGroup: "checkInValidator",
validationRules: [
{
type: "required",
message: "At least one valid date pair is required.",
},
],
})
.appendTo($itemElement);
editorTemplate.dxDateBox("instance");
},
},
{
dataField: "CheckInToDate",
label: { text: "To" },
template: function (data, $itemElement) {
$("")
.dxDateBox({
showClearButton: true,
displayFormat: "dd/MM/yyyy",
disabled: true,
})
.dxValidator({
validationGroup: "checkInValidator",
validationRules: [
{
type: "required",
message: "At least one valid date pair is required.",
},
],
})
.appendTo($itemElement);
},
},
],
},
],
})
.dxForm("instance");
});
Я также попытался настройки editortype: 'dxdatebox' для второго элемента, но пользовательский шаблон переопределяет.
Мое ожидание это получение экземпляра Box Box Second Date через метод Form's Geteditor , чтобы я мог включить/отключить его динамически ..
Подробнее здесь: https://stackoverflow.com/questions/793 ... press-form