jQuery UI Widgets Forums ASP .NET MVC jqxDateTimeInput events

This topic contains 3 replies, has 1 voice, and was last updated by  Popowich89 2 years, 4 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • jqxDateTimeInput events #106301

    Popowich89
    Participant

    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>

    jqxDateTimeInput events #106302

    Popowich89
    Participant

    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>
    }

    jqxDateTimeInput events #106303

    Popowich89
    Participant

    Why it does not work in IE and Edge ?

    • This reply was modified 2 years, 4 months ago by  Popowich89.
    jqxDateTimeInput events #106308

    Popowich89
    Participant

    Can someone explain this as ????

    http://joxi.ru/823kkB8F95O5e2

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.