How to use datepicker in custom file?

[elcmea]

i was create custom file Mypicker.php and include common files clicked and in custom file content i write this code
when generated done when i click icon date picker, is not appear the date? Please help me ?

<script>
  var currentForm, currentPageID;
  var my_form;
  loadjs.ready("head", function () {
    var $ = jQuery;
    // Form object
    currentPageID = ew.PAGE_ID = "custom";
    my_form = currentForm = new ew.Form("my_form", "custom");
    // load the form
    loadjs.done("my_form"); // <--- don't forget this!
  });
</script>
 
<form id="my_form" name="my_form" class="form-horizontal">
    <div id="r_my_date" class="form-group row">
        <label for="my_date" class="col-sm-2 control-label ew-label">Please select a Date</label>
        <div class="col-sm-10">
          <span id="el_my_date">
          <input type="text" id="my_date" name="my_date" data-field="my_date" data-format="9" size="20" class="form-control">
          <script type="text/javascript">
             loadjs.ready(["my_form", "datetimepicker"], function() {
               ew.createDateTimePicker("my_form", "my_date", {"ignoreReadonly": true, "useCurrent": false, "format": 1});
             });
          </script>
          </span>
        </div>
    </div>
</form>

[mobhar]

Assume you're using v2024, then simply change this part:

loadjs.ready(["my_form", "datetimepicker"], function() {
ew.createDateTimePicker("my_form", "my_date", {"ignoreReadonly": true, "useCurrent": false, "format": 1});
});

to:

loadjs.ready(["my_form", "datetimepicker"], function () {
    let format = "<?= DateFormat(2) ?>",
        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.getPreferredTheme()
            }
        };
    ew.createDateTimePicker("my_form", "my_date", ew.deepAssign({"useCurrent":false,"display":{"sideBySide":false}}, options));
});

[elcmea]

thanks for your help