Hi, thanks for your answer.
Yes I know, I write this in the template :
<form id="test" name="test" >
<div class="row">
<div class="col-sm-12" id="htmlTarget">
<label for="datetimepicker1Input" class="form-label">Picker</label>
<div
class="input-group log-event"
id="datetimepicker1"
data-td-target-input="nearest"
data-td-target-toggle="nearest"
>
<input
id="datetimepicker1Input"
type="text"
class="form-control"
data-td-target="#datetimepicker1"
/>
<span
class="input-group-text"
data-td-target="#datetimepicker1"
data-td-toggle="datetimepicker"
>
<i class="fas fa-calendar"></i>
</span>
</div>
</div>
</div>
</form>
and for script I try :
(1)
<script>
loadjs.ready("load", function () {
$('#datetimepicker1').tempusDominus();
});
</script>
That give (F12) : $(...).tempusDominus is not a function
I Try
(2)
<script>
loadjs.ready("load", function () {
new TempusDominus(document.getElementById('datetimepicker1'), {
//put your config here
});
});
</script>
That give (F12) :TempusDominus is not defined
I Try
(3)
<script>
loadjs.ready("load", function () {
let format = "dd-mm-y",
options = {
localization: {
locale: ew.LANGUAGE_ID + "-u-nu-" + ew.getNumberingSystem(),
hourCycle: format.match(/H/) ? "h24" : "h12",
format,
...ew.language.phrase("datetimepicker")
},
display: {
icons: {
previous: ew.IS_RTL ? "fa-solid fa-chevron-right" : "fa-solid fa-chevron-left",
next: ew.IS_RTL ? "fa-solid fa-chevron-left" : "fa-solid fa-chevron-right"
},
components: {
hours: !!format.match(/h/i),
minutes: !!format.match(/m/),
seconds: !!format.match(/s/i)
},
theme: ew.isDark() ? "dark" : "auto"
}
};
ew.createDateTimePicker("test", "datetimepicker1",ew.deepAssign({"useCurrent":false,"display":{"sideBySide":false}}, options));
});
</script>
That give (F12) : ew.createDateTimePicker is not a function (but just for inf : console.log(ew.vars); give a good result.
I try
(4)
<script>
loadjs.ready(["test", "datetimepicker"], function () {
let format = "dd-mm-y",
options = {
localization: {
locale: ew.LANGUAGE_ID + "-u-nu-" + ew.getNumberingSystem(),
hourCycle: format.match(/H/) ? "h24" : "h12",
format,
...ew.language.phrase("datetimepicker")
},
display: {
icons: {
previous: ew.IS_RTL ? "fa-solid fa-chevron-right" : "fa-solid fa-chevron-left",
next: ew.IS_RTL ? "fa-solid fa-chevron-left" : "fa-solid fa-chevron-right"
},
components: {
hours: !!format.match(/h/i),
minutes: !!format.match(/m/),
seconds: !!format.match(/s/i)
},
theme: ew.isDark() ? "dark" : "auto"
}
};
ew.createDateTimePicker("test", "datetimepicker1", ew.deepAssign({"useCurrent":false,"display":{"sideBySide":false}}, options));
});
</script>
But in this case now (not in 2020) loadjs doesn't works because it doesn't find Form#test ...
I think I have try more but nothing work ...