剑道日期输入字段需要在日期部分选择

Posted 2023-05-07

【中文标题】剑道日期输入字段需要在日期部分选择

【英文标题】：kendo date input field need selection on date part

【发布时间】：2022-01-06 01:51:56

【问题描述】：

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

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

我想要像下面这样，

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

【参考方案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%" />