【问题标题】:kendo date input field need selection on date part剑道日期输入字段需要在日期部分选择
【发布时间】:2022-01-06 01:51:56
【问题描述】:

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

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

我想要像下面这样,

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

【问题讨论】:

    标签: javascript jquery kendo-ui


    【解决方案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%" />

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-05-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-08-10
      相关资源
      最近更新 更多