Kendo DatePicker Not Showing "calendar button"...what is wrong?

1 Answer 57 Views

Date/Time Pickers

George asked on 25 Oct 2024, 09:20 PM

Hi,

I am trying to use the Kendo UI kendoDatePicker but I am not seeing the button that opens up the calendar? Must be missing something? Here is what I am using:

    <link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/site.css" asp-append-version="true" />
    <link rel="stylesheet" href="Kendo/2023.3.1010/styles/bootstrap-3.css" />
    <link rel="stylesheet" href="Kendo/2023.3.1010/styles/bootstrap-main.css" />
    <link rel="stylesheet" href="FontAwesome/font-awesome-4.7.0/css/font-awesome.min.css" />
    <link rel="stylesheet" href="styles/jquery_1.12.0-rc2/jquery-ui.min.css" />
    
    <!-- JAVASCRIPT -->
    <script type="text/javascript" src="jQuery/jquery-2.2.4.min.js"></script>
    <script type="text/javascript" src="Kendo/2023.3.1010/js/jszip.min.js"></script>
    <script type="text/javascript" src="Kendo/2023.3.1010/js/kendo.all.min.js"></script>
    <script type="text/javascript" src="Kendo/2023.3.1010/js/kendo.timezones.min.js"></script>
    <script type="text/javascript" src="scripts/jquery-ui.min.js"></script>

Here is the code in my JavaScript file:

    $("#startDate").kendoDatePicker({
        value: _view.get("startDate"),
        change: function () {
            var value = this.value();
            var submitVal = kendo.toString(value, "yyyy-MM-dd");
            /* The result can be observed in the DevTools(F12) console of the browser. */
            console.log("START DATE: " + value + " AFTER kendo.toString: " + submitVal); //value is the selected date in the datepicker
        }
    });

I am just getting the field with the date inside of it now, no calendar selection button:

Here is a screen shot of my HTML code:

Thanks!

George

Kendo DatePicker Not Showing "calendar button"...what is wrong?

1 Answer, 1 is accepted