kendo 日期输入字段需要选择日期部分

Question

在日期输入控件获得焦点时，有什么方法可以选择 kendo 日期输入字段中的日期部分？

当前光标位于年份部分，未选择年份部分。

我想要下面一个，

需要关注日期部分并选择。提前致谢。

Answer 1

希望这个演示对您有所帮助。

工作演示： https://dojo.telerik.com/OHuVAPiV

$(document).ready(function () {
    $("#dateinput").kendoDateInput({
      format: "dd-MM-yyyy"
    });
          
    $("#dateinput").on("focusin", function(e){
        const input = document.getElementById('dateinput');
        //input.focus();
        input.setSelectionRange(0, 3);              
        });
});

 <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.3.1207/styles/kendo.default-main.min.css" />

    <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
    
    
    <script src="https://kendo.cdn.telerik.com/2021.2.616/js/kendo.all.min.js"></script>
    
    

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.2.616/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.2.616/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.2.616/styles/kendo.default.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.2.616/styles/kendo.mobile.all.min.css">

<input id="dateinput" title="please enter date" style="width: 100%" />

kendo 日期输入字段需要选择日期部分

kendo date input field need selection on date part

javascript

jquery

kendo-ui