jqxDateTimeInput events

[Popowich89Participant]

Hello! My development environment:
Windows 10, VS 2019, Google Chrome, Asp .NET Core 2.2 Mvc

The choice of the date itself works, but I just can’t check the operation of the events.
Test project: https://transfiles.ru/sr4zf

<script src=”~/jqwidgets/jqxcalendar.js”></script>
<script src=”~/jqwidgets/jqxdatetimeinput.js”></script>
<script src=”~/jqwidgets/globalization/globalize.js”></script>

<script type=”text/javascript” src=”~/scripts/webcomponents-lite.min.js”></script>
<script type=”text/javascript” src=”~/jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”~/jqwidgets/jqxcore.elements.js”></script>

<script type=”text/javascript”>
window.onload = function () {

var myDateTImeInput = document.querySelector(‘jqx-date-time-input’);

myDateTImeInput.addEventListener(‘valueChanged’, function (event) {
alert(“valueChanged”);
var date = event.args.date;
});

myDateTImeInput.addEventListener(‘open’, function (event) {
alert(“open”);
var date = event.args.date;
});

myDateTImeInput.addEventListener(‘close’, function (event) {
alert(“close”);
var date = event.args.date;
});
}
</script>

<label>Date Input</label>
<jqx-date-time-input theme=”@ViewData[“Theme”]” width=”300″ height=”25″></jqx-date-time-input>

[Popowich89Participant]

Sorry. The question is removed. Found such a working example.

<script src=”~/jqwidgets/jqxcalendar.js”></script>
<script src=”~/jqwidgets/jqxdatetimeinput.js”></script>
<script src=”~/jqwidgets/globalization/globalize.js”></script>
@{
DateTime date = new DateTime(2017, 9, 20);
DateTime min = new DateTime(2002, 9, 20);
DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input on-change=”eventHandler()”></jqx-date-time-input>

@section scripts {
<script type=”text/javascript”>
function eventHandler(event) {
}
</script>
}

[Popowich89Participant]

Why it does not work in IE and Edge ?

[Popowich89Participant]

Can someone explain this as ????

http://joxi.ru/823kkB8F95O5e2

[Author]

Posts