如何在 HTML 中显示日期？答案

【问题标题】：How Can I show the date in HTML?如何在 HTML 中显示日期？
【发布时间】：2012-04-18 06:24:09
【问题描述】：

我希望日期在我的页面上，我使用这个 fn 到日期使用 Javascript：

    function Return() 
        {
           var d = new Date();
           var n = d.();
           var to ="";

           if (n == 0)
            to = 'Sun';
           else if (n == 1)
            to = 'Mon';
           else if (n == 2)
            to = 'Tues';
           else if (n == 3)
            to = 'Wednes';
           else if (n == 4)
            to = 'Thurs';
           else if (n == 5)
            to = 'Fri'
           else if (n == 6)
            to = 'Satur';
           else
           alert('To is No');

          return to;

}

在页面我用这行来调用它，但它不起作用：

    <input id="DateAndTime" type="text" value ="Return()"></input>

你知道我可以在页面上显示它吗？如果你知道任何更好（但也很简单）在页面上唱日期的想法，请告诉我。

非常感谢:)

【问题讨论】：

标签： javascript jquery html date

【解决方案1】：

看看javascript date object.

您也可以通过 date 函数使用 PHP

【讨论】：

【解决方案2】：

你可以调用这个函数，它会为你设置日期。

function SetDay() 
{
    var d = new Date();
    var n = d.getDay();
    var today ="";

    if (n == 0)
        today = 'Sunday';
    else if (n == 1)
        today = 'Monday';
    else if (n == 2)
        today = 'Tuesday';
    else if (n == 3)
        today = 'Wednesday';
    else if (n == 4)
        today = 'Thursday';
    else if (n == 5)
        today = 'Friday'
    else if (n == 6)
        today = 'Saturday';
    else
       alert('Today is NoDay');

   // Notice this set the day in your field with the id "DateAndTime"
   document.getElementById("DateAndTime").value = today;

   // Or if you want to set it via jQuery
   // $('#DateAndTime').val(today);
}

【讨论】：

【解决方案3】：

如果你愿意，你可以使用这个内联代码：

<html>
<body>

<script type="text/javascript">

var d=new Date();
document.write(d);

</script>

</body>
</html>

查看几乎所有网络开发需求的 W3 学校：http://www.w3schools.com/js/js_obj_date.asp

【讨论】：

太好了，我喜欢这个功能~~非常感谢:)

【解决方案4】：

您可以执行以下操作。

您的 javascript 应该如下所示

    <script>
       function ReturnDay() 
    {
       var d = new Date();
       var n = d.getDay();
       var today ="";

       if (n == 0)
        today = 'Sunday';
       else if (n == 1)
        today = 'Monday';
       else if (n == 2)
        today = 'Tuesday';
       else if (n == 3)
        today = 'Wednesday';
       else if (n == 4)
        today = 'Thursday';
       else if (n == 5)
        today = 'Friday'
       else if (n == 6)
        today = 'Saturday';
       else
       alert('Today is NoDay');

        document.getElementById("DateAndTime").value = today;
    }
ReturnDay();
    </script>

和你的 html

 <input id="DateAndTime" type="text" value ="" />

jsfiddle 链接：http://jsfiddle.net/mr2rr/

【讨论】：

【解决方案5】：

这是替换 if-else 语句的更优雅的方式：

function dayOfWeek() {
  var now = new Date();
  var dayNames = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
  return dayNames[now.getDay()];
}

【讨论】：

【解决方案6】：

您似乎想要一个日期输入字段，可能您可以使用现有的东西。

jquery UI 库有一个日期选择器，它可能正是您正在寻找的：

$( "#yourinputid" ).datepicker();

See this link to the jquery UI page

【讨论】：

【解决方案7】：

function SetDayOfTheWeek(){
    var d=new Date();
    var weekday=new Array(7);
    weekday[0]="Sunday";
    weekday[1]="Monday";
    weekday[2]="Tuesday";
    weekday[3]="Wednesday";
    weekday[4]="Thursday";
    weekday[5]="Friday";
    weekday[6]="Saturday";

    var today = weekday[d.getDay()];
    document.getElementById("DateAndTime").value = today;
}

SetDayOfTheWeek();

【讨论】：

非常感谢 :) 你确定它有效吗？因为它对我不起作用。

【解决方案8】：

不要依赖客户端代码来生成任何与时间相关的数据。

也就是说，除非您不在乎，否则请务必依赖客户端设备的时间设置为 ;-)

【讨论】：