如何从用户输入的日期中获取工作日

How can I get the weekday from an users input date?

本文关键字：日期 获取 工作日 输入 用户      更新时间：2023-09-26

function date() {
            var input = document.getElementById("input");
        }
<form>
    <input type="date" placeholder="dd:mm:yy" id="input"/>
    <input type="button" value="weekday" onclick="date()"/>
</form>
    <p id="output">
    </p>

我怎样才能得到工作日？我试过很多东西，在谷歌上搜索过，但什么都没找到。谢谢你的帮助！

采用mm/dd/yyyy:格式输入的代码

<script>
  function day_of_week() {
    var weekday = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
    var d = document.getElementById('date_input').valueAsDate;
    var n = d.getUTCDay()
    document.getElementById("output").innerHTML = weekday[n];
  }
</script>
<form>
  <input type="date" placeholder="dd:mm:yy" id="date_input" />
  <input type="button" value="Get Weekday" onclick="day_of_week()" />
</form>
<p id="output">
</p>

您正在获取元素，只需要获取值。

var weekdays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
function date() {
  var input = document.getElementById("input");
  var date = new Date(input.value);
  var weekday = date.getDay();
  var output = document.getElementById("output");
  output.text = weekdays[weekday];
}

您可以这样做：

function date() {
  var input = document.getElementById("input").value;
  var date = new Date(input).getUTCDay();
  
  var weekday = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
  
  document.getElementById('output').textContent = weekday[date];
}
<form>
  <input type="date" placeholder="dd:mm:yy" id="input" />
  <input type="button" value="weekday" onclick="date()" />
</form>
<p id="output">
</p>

每当您使用HTML 5输入type="date"格式进行日期选择器时，您都可以直接获得日期格式的值，因此无需将其转换为日期格式，也可以使用textContent方法在id="output"的p标记中设置值，如下所示：

<form>
  <input type="date" placeholder="dd:mm:yy" id="selectedDate" />
  <input type="button" value="weekday" onclick="date()" />
</form>
<p id="output"></p>
function date() {
  var inputDate = document.getElementById("selectedDate").valueAsDate;
  var day = inputDate.getDay();
  var days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
  document.getElementById('output').textContent = (days[day]);
}

日期的getDay（）函数为您提供给定日期的工作日编号，该编号用作工作日名称数组中的索引位置。

相关文章：