如何在HTML中显示日期?

时间:2012-04-04 14:13:45

标签: javascript jquery html date

我希望日期在我的页面上是sn,我使用Javascript将此fn用于日期:

    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>

您知道我可以在页面上显示它吗? 如果你知道任何更好(但也很简单)的想法,可以在页面上唱出日期,请通知我。

非常感谢:)

8 个答案:

答案 0 :(得分:5)

您可以执行以下操作。

您的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/

答案 1 :(得分:2)

查看javascript date object.

您也可以使用date函数

来使用PHP

答案 2 :(得分: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 :(得分:2)

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

也就是说,除非你不在乎,否则无论如何都要依赖客户端设备设置的时间; - )

答案 4 :(得分:1)

如果您愿意,可以使用此内联代码:

<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

答案 5 :(得分:1)

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

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

答案 6 :(得分:1)

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

jquery UI库有一个日期选择器,可能就是你要找的东西:

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

See this link to the jquery UI page

答案 7 :(得分:1)

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();