Javascript date.setHours()用法及代码示例

date.setHours()是JavaScript中的内置函数，用于将小时设置为使用Date()构造函数创建的日期对象。

用法:

DateObj.setHours(hours_Value)

DateObj是使用Date()构造函数创建的有效Date对象，我们要在其中设置小时数。

参数：这里的参数hours_Value是小时值，用于在Date()构造函数中进行设置。

返回值：它返回由setHours()函数设置的具有更新小时数的新日期。

下面的程序演示了setHours()函数：

<script> 
// Here a date has been assigned 
// while creating Date object 
var dateobj = new Date('October 13, 1996 05:35:32'); 
  
// new hour 11 is being set in above Date 
// Object with the help of setHours() function 
dateobj.setHours(11); 
  
// new hour from above Date Object is 
// being extracted using getHours() 
var B = dateobj.getHours(); 
  
// Printing new hour 
document.write(B); 
</script>

输出：

11

错误和异常

• 示例1:如果在Date()构造函数中我们在创建Date对象时未提供小时，则setHours()函数仍将设置新的小时作为其参数。

  <script> 
  // Here hour has not been assigned 
  // while creating Date object 
  var dateobj = new Date('October 13, 1996'); 
    
  // new hour 11 is being set in above Date 
  // Object with the help of setHours() function 
  dateobj.setHours(11); 
    
  // new hour from above Date Object is 
  // being extracted using getHours() 
  var B = dateobj.getHours(); 
    
  // Printing new hour 
  document.write(B); 
  </script>

  输出：

  11

• 示例2:如果在Date()构造函数中未提供任何参数，则setHours()函数仍设置小时，但月，年和日期将为当前月，年和日期。

  <script> 
  // Here nothing has been assigned 
  // while creating Date object 
  var dateobj = new Date(); 
    
  // new hour 11 is being set in above Date 
  // Object with the help of setHours() function 
  dateobj.setHours(11); 
    
  // hour from above Date Object is 
  // being extracted using getHours() 
  var B = dateobj.getHours(); 
    
  // month from above Date Object is 
  // being extracted using getMonth() 
  var C = dateobj.getMonth(); 
    
  // date from above Date Object is 
  // being extracted using getDate() 
  var D = dateobj.getDate(); 
    
  // year from above Date Object is 
  // being extracted using getFullYear() 
  var E = dateobj.getFullYear(); 
    
  // Printing new Hour 
  document.write(B + "<br>"); 
    
  // Printing current month 
  document.write(C + "<br>"); 
    
  // Printing current date 
  document.write(D + "<br>"); 
    
  // Printing current year 
  document.write(E + "<br>"); 
  </script>

  输出：

  11
  2
  30
  2018
  

  这里11是新小时，2是当前月，即3月，30是当前日期，2018是当前年。

• 示例3:如果在setHours()函数的参数中将小时值设置为26，则将小时设置为2，因为小时范围是从0到23的形式，并且。

  <script> 
  // Here nothing has been assigned 
  // while creating Date object 
  var dateobj = new Date('October 13, 1996 05:35:32'); 
    
  // new hour 26 is being set in above Date 
  // Object with the help of setHours() function 
  dateobj.setHours(26); 
    
  // hour from above Date Object is 
  // being extracted using getHours() 
  var B = dateobj.getHours(); 
    
  // month from above Date Object is 
  // being extracted using getMonth() 
  var C = dateobj.getMonth(); 
    
  // date from above Date Object is 
  // being extracted using getDate() 
  var D = dateobj.getDate(); 
    
  // year from above Date Object is 
  // being extracted using getFullYear() 
  var E = dateobj.getFullYear(); 
    
  // Printing new Hour 
  document.write(B + "<br>"); 
    
  // Printing month 
  document.write(C + "<br>"); 
    
  // Printing date 
  document.write(D + "<br>"); 
    
  // Printing year 
  document.write(E); 
  </script>

  输出：

  2
  9
  14
  1996
  

  这里2是新小时，9是月份，即10月，14是日期，年份是1996.在这里，我们看到13是原始日期，但输出变为14，因为给定26小时作为函数的参数转换为2第二天的小时数，这就是为什么日期增加1，即从13到14。

支持的浏览器：JavaScript date.setHours()函数支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐浏览器
• Opera
• 苹果浏览器