如何从用户输入日期获得工作日?

时间:2016-04-28 17:40:55

标签: javascript html

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>

我怎样才能获得工作日?我尝试了很多东西并在谷歌搜索但没有找到任何东西。 谢谢你的帮助!

4 个答案:

答案 0 :(得分:0)

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

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];
}

答案 1 :(得分:0)

您可以这样做:

&#13;
&#13;
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];
}
&#13;
<form>
  <input type="date" placeholder="dd:mm:yy" id="input" />
  <input type="button" value="weekday" onclick="date()" />
</form>
<p id="output">

</p>
&#13;
&#13;
&#13;

答案 2 :(得分:0)

每当您使用HTML 5输入类型=&#34;日期&#34;日期选择器的格式,您可以直接获取日期格式的值,因此无需将其转换为日期格式,也可以使用id =&#34;输出&#34;来设置p标签中的值。您可以使用textContent方法,如下所示:

<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()函数,为您提供给定日期的工作日数,该日期用作工作日名称数组中的索引位置。

答案 3 :(得分:0)

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

&#13;
&#13;
<script>
  function day_of_week() {
    var weekday = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];

    var d = document.getElementById('date_input').valueAsDate;
    var n = d.getDay()
    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>
&#13;
&#13;
&#13;