愿所有的美好和期待都能如约而至

有没有办法关注DateTime本地输入控件中的特定单元

发布时间:  来源:互联网  作者:匿名  标签:datetimepicker error is there any way to focus on a specific unit within a datet  热度:37.5℃

本文介绍了有没有办法关注DateTime本地输入控件中的特定单元的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我需要能够将焦点设置在DateTime本地输入控件的小时部分上。

<input type="datetime-local" />

该解决方案还需要能够处理各种日期时间格式–我目前将这一点留给浏览器来决定。

所以这

变为

推荐答案

每个浏览器都以自己的方式呈现输入元素,您在视觉上看到的大部分格式/布局都是由浏览器的代码完成的。显然,您仍然可以与这些元素交互,但只能使用您习惯的本机命令(焦点、鼠标悬停、单击等)。

它认为应该可以重新创建与用户交互相同的状态,但这些东西隐藏在每个单独的浏览器代码中。

我认为您最好的办法是查看已有的各种JS日期选择器,看看是否有与您的需求相匹配的,如果不是最接近解决方案的话,您将找到的最接近的解决方案是创建自己的,并在DateTime输入字段的支持下创建一些巧妙的样式

<input type="datetime-local" style="display:none" />
<div class="custom-datetime-local">
    <span class="day">dd</span>/
    <span class="month">mm</span>/
    <span class="year">yyyy</span>
    &nbsp;
    <span class="hour">--</span>:
    <span class="minute">--</span>
</div>

https://jsfiddle.net/dh4a4f2p/

这篇关于有没有办法关注DateTime本地输入控件中的特定单元的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,

勇敢去编程!

勇敢的热爱编程,未来的你一定会大放异彩,未来的生活一定会因编程更好!

TOP