主页 / 问题 / 1599153
Accepted
Siarhei789654
Asked:2024-11-08 02:20:54 +0000 UTC2024-11-08 02:20:54 +0000 UTC

如何从 <span> 中的 <input type="date"> 字段获取数据“dd.mm.yyy”？

  • 772

三个问题。有一个字段<input type="date">

  1. 选择特定日期时如何获取？
<span>дд</span>
<span>мм</span>
<span>гггг</span>
  1. 如何配置此字段，以便可以选择日期“From”和日期“TO”，并相应地获取
<span id="from">дд</span>
<span id="from">мм</span>
<span id="from">гггг</span>

<span id="till">дд</span>
<span id="till">мм</span>
<span id="till">гггг</span>
  1. 是否有可能以某种方式<input type="date">反映时间 hh.mm.ss。并且还接收数据
<span>дд</span>
<span>мм</span>
<span>гггг</span>
<span>чч</span>
<span>мм</span>

提前致谢

javascript

1 个回答

  1. Best Answer
    <label>Дата С: <input type="date" id="dateFrom" onchange="displayDateRangeParts()"></label>
<label>Дата ПО: <input type="date" id="dateTill" onchange="displayDateRangeParts()"></label>

<div>
    <span id="fromDay"></span>/<span id="fromMonth"></span>/<span id="fromYear"></span>
</div>
<div>
    <span id="tillDay"></span>/<span id="tillMonth"></span>/<span id="tillYear"></span>
</div>

<script>
function displayDateRangeParts() {
    const dateFrom = document.getElementById("dateFrom").value;
    const dateTill = document.getElementById("dateTill").value;

    if (dateFrom) {
        const [fromYear, fromMonth, fromDay] = dateFrom.split("-");
        document.getElementById("fromDay").innerText = fromDay;
        document.getElementById("fromMonth").innerText = fromMonth;
        document.getElementById("fromYear").innerText = fromYear;
    }

    if (dateTill) {
        const [tillYear, tillMonth, tillDay] = dateTill.split("-");
        document.getElementById("tillDay").innerText = tillDay;
        document.getElementById("tillMonth").innerText = tillMonth;
        document.getElementById("tillYear").innerText = tillYear;
    }
}
</script>
    1. <input type="datetime-local">支持 YYYY-MM-DDTHH:MM:SS 格式
    • 1

相关问题