javascript HTML5按钮触发移动的上的日期输入

toiithl6 于 2023-06-28 发布在 Java

关注(0)|答案(3)|浏览(89)

我有一个HTML5设计，我希望能够使用一个按钮来显示日期，但我想使用HTML5输入type=“date”来选择日期。
下面是我的代码：

<button type="button" id="btnDate" class="btn btn-primary">
    <span class="glyphicon glyphicon-calendar"></span> <span class="date">27 Jul 2015</span>
</button>
<input type="date" class="hidden" id="tbDate" />

<script type="text/javascript">
    $(document).ready(function() {
        $("#btnDate").click(function () {
            $("#tbDate").focus();
        });
    });             
</script>

我试过focus（）和click（）-都不起作用...有什么想法吗？

JavaScript

来源：https://stackoverflow.com/questions/32435215/html5-button-to-trigger-date-input-on-mobile

3条答案

按热度按时间

hyrbngr71#

请用手机浏览。

<label for="dateInput">click button</label>
<input type="date" id="dateInput" />

赞(0）回复(0）举报 2023-06-28

jum4pzuy2#

您需要为input设置val()。希望这对你有帮助

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<button type="button" id="btnDate" class="btn btn-primary">
    <span class="glyphicon glyphicon-calendar"></span> <span class="date">27 Jul 2015</span>
</button>
<input type="date" class="hidden" id="tbDate" />

<script type="text/javascript">
    $(document).ready(function() {
        $("#btnDate").click(function () {
          var date = new Date("2015, 07, 27");
          var setDate = date.getFullYear() + "-" + ("0" + (date.getMonth() + 1)).slice(-2) + "-"+("0" + date.getDate()).slice(-2);
            $("#tbDate").val(setDate);
        });
    });             
</script>

赞(0）回复(0）举报 2023-06-28

lg40wkob3#

尝试使用showPicker() API：

const btn = document.getElementById("btn");
const dateComponent = document.getElementById("date");

btn.addEventListner("click", () => {
    dateComponent.showPicker();
})

赞(0）回复(0）举报 2023-06-28

我来回答

javascript HTML5按钮触发移动的上的日期输入

3条答案

相关问题

热门标签

最新问答