<input class="form-control form-control-solid ps-12" placeholder="Select a date" name="due_date" />
"" => array(
"title" => "Dashboard",
"description" => "",
"view" => "index",
"layout" => array(
"page-title" => array(
"description" => true,
"breadcrumb" => false,
),
),
"assets" => array(
"custom" => array(
"js" => array(
"js/widgets.bundle.js",
"js/custom/widgets.js",
"plugins/custom/datatables/datatables.bundle.js",
"js/custom/utilities/modals/new-target.js",
"plugins/global/plugins.bundle.js",
"js/scripts.bundle.js",
),
),
"vendors" => array("fullcalendar", "amcharts", "amcharts-maps"),
),
),
js/custom/utilities/modals/new-target.js
var dueDate = $(form.querySelector("[name="due_date"]"));
dueDate.flatpickr({
enableTime: true,
dateFormat: "d, M Y, H:i",
});
<script>
// Due date. For more info, please visit the official plugin site: https://flatpickr.js.org/
var dueDate = $(form.querySelector("[name="due_date"]"));
dueDate.flatpickr({
enableTime: true,
dateFormat: "d, M Y, H:i",
});
</script>
$ is not defined
, which means the jquery or some js file is not properly included.plugins/global/plugins.bundle.js
at the top. jQuery plugin is in this file."plugins/global/plugins.bundle.js",
"js/scripts.bundle.js",
"js/widgets.bundle.js",
"js/custom/widgets.js",
"plugins/custom/datatables/datatables.bundle.js",
"js/custom/utilities/modals/new-target.js",
searchObject.on is not a function