blocks|key|358047|text|为什么不用简单的方式呢？数学，各位！:)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|358048|//+returns+the+hours+number+for+a+date,+between+1+and+12
function+hours12(date)+{+return+(date.getHours()+%2B+24)+%25+12+%7C%7C+12;+}|code-block|syntax|javascript|358049|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Why not do it the brief way?  Math, people!  :)</p>

<pre><code>// returns the hours number for a date, between 1 and 12
function hours12(date) { return (date.getHours() + 24) % 12 || 12; }
</code></pre>


blocks|key|358084|text|其他答案确实非常好。但我认为，以下内容也可以包括在内。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|358085|var+d+=+new+Date();
var+hour+=+d.getHours();+
var+minute+=+d.getMinutes();
var+fulltime+=+"";

//+create+a+24+elements(0-23)+array+containing+following+values
const+arrayHrs+=+[12,1,2,3,4,5,6,7,8,9,10,11,12,1,2,3,4,5,6,7,8,9,10,11];

++++//+since+getMinutes()+returns+0+to+9+for+upto+9+minutes,+not+00+to+09,+we+can+do+this
++++if(minute+<+10)+{
++++++++minute+=+"0"+%2B+minute;
++++}

++++if(+hour+<+12)+{
++++++++//+Just+for+an+example,+if+hour+=+11+and+minute+=+29
++++++++fulltime+=+arrayHrs[hour]+%2B+":"+%2B+minute+%2B+"+AM";+//+fulltime+=+11:29+AM
++++}
++++else+{
++++++++//+similarly,+if+hour+=+22+and+minute+=+8
++++++++fulltime+=+arrayHrs[hour]+%2B+":"+%2B+minute+%2B+"+PM";+//+fulltime+=+10:08+PM
++++}|code-block|syntax|javascript|358086|查看我在arrayHrs中做了什么;)|358087|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>Other answers are indeed very good. 
But I think, following can be included too.</p>

<pre><code>var d = new Date();
var hour = d.getHours(); 
var minute = d.getMinutes();
var fulltime = "";

// create a 24 elements(0-23) array containing following values
const arrayHrs = [12,1,2,3,4,5,6,7,8,9,10,11,12,1,2,3,4,5,6,7,8,9,10,11];

    // since getMinutes() returns 0 to 9 for upto 9 minutes, not 00 to 09, we can do this
    if(minute &lt; 10) {
        minute = "0" + minute;
    }

    if( hour &lt; 12) {
        // Just for an example, if hour = 11 and minute = 29
        fulltime = arrayHrs[hour] + ":" + minute + " AM"; // fulltime = 11:29 AM
    }
    else {
        // similarly, if hour = 22 and minute = 8
        fulltime = arrayHrs[hour] + ":" + minute + " PM"; // fulltime = 10:08 PM
    }
</code></pre>

<p>See what I did there in arrayHrs ;)</p>


blocks|key|573848|text|使用它的简单方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|573849|​|573850|setInterval(function()+{

var+d+=+new+Date();

document.getElementById("demo").innerHTML+=+
d.getHours()+%25+12%2B"+:+"%2Bd.getMinutes()%2B"+:+"%2Bd.getSeconds();

},+1000);|code-block|syntax|javascript|573851|<p+id="demo"+></p>|573852|573853|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>the easy way to use this.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>setInterval(function() {

var d = new Date();

document.getElementById("demo").innerHTML = 
d.getHours() % 12+" : "+d.getMinutes()+" : "+d.getSeconds();

}, 1000);</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p id="demo" &gt;&lt;/p&gt;</code></pre>
</div>
</div>
</p>


blocks|key|573858|text|getDateTime+=+()+=>+{
++++const+today+=+new+Date();
++++const+day+=+today.toLocaleDateString('en-us',+{+weekday:+'short'+});
++++const+month+=+today.toLocaleString('en-us',+{+month:+'short'+});
++++const+date+=+today.getDate()
++++const+year+=+today.getFullYear()
++++const+hours+=+today.getHours()
++++const+minutes+=+today.getMinutes().toString()
++++var+dayORnight+=+"AM";
++++if+(hours+>+11)+{+dayORnight+=+"PM";+}
++++if+(hours+>+12)+{+hours+=+hours+-+12;+}
++++if+(hours+==+0)+{+hours+=+12;+}
++++if+(hours+<+10)+{+hours+=+"0"+%2B+hours;+}
++++if+(minutes+<+10)+{+minutes+=+"0"+%2B+minutes;+}

++++const+datetime+=+`${day},+${month}+${date},+${year}+at+${hours}:${minutes}+${dayORnight}`;
++++console.log(datetime)
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|573859|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>getDateTime = () =&gt; {
    const today = new Date();
    const day = today.toLocaleDateString('en-us', { weekday: 'short' });
    const month = today.toLocaleString('en-us', { month: 'short' });
    const date = today.getDate()
    const year = today.getFullYear()
    const hours = today.getHours()
    const minutes = today.getMinutes().toString()
    var dayORnight = "AM";
    if (hours &gt; 11) { dayORnight = "PM"; }
    if (hours &gt; 12) { hours = hours - 12; }
    if (hours == 0) { hours = 12; }
    if (hours &lt; 10) { hours = "0" + hours; }
    if (minutes &lt; 10) { minutes = "0" + minutes; }

    const datetime = `${day}, ${month} ${date}, ${year} at ${hours}:${minutes} ${dayORnight}`;
    console.log(datetime)
}
</code></pre>


blocks|key|358154|text|类似于接受的答案，但没有%7C%7C运算符。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|358155|纯粹的算术：|358156|//+returns+the+hours+number+for+a+date,+between+1+and+12
function+hours12(date)+{+return+(date.getHours()+%2B+11)+%25+12+%2B+1;+}|code-block|syntax|javascript|358157|在这里测试它。模拟时间0-+23：|358158|​|358159|var+demoTable+=+document.getElementById("demo");

//+simulate+getHours()+values+0-23
for+(i+=+0;+i+<+24;+i%2B%2B)+{
++var+row+=+demoTable.insertRow(-1);
++var+format24Cell+=+row.insertCell(0);
++var+conversionCell+=+row.insertCell(1);
++var+format12Cell+=+row.insertCell(2);
++format24Cell.innerHTML+=+i;
++conversionCell.innerHTML+=+"(+<b>"+%2B+i+%2B+"</b>+%2B+11)+%25+12+%2B+1+=";
++
++//+conversion+takes+place+here
++format12Cell.innerHTML+=+(i+%2B+11)+%25+12+%2B+1;
}|358160|table+{
++border-collapse:+collapse;
++width:+100%25;
}

table,
th,
td+{
++border:+1px+solid+black;
}

th+{
++padding:+0,+5px
}

td+{
++padding-left:+5px;
}|358161|<table+id="demo">
++<tr>
++++<th+colspan="3">24+to+12+Hour+Format+Conversion+Demo</th>
++<tr>
++<tr>
++++<th>24+Hour+Format</th>
++++<th>Conversion</th>
++++<th>12+Hour+Format</th>
++</tr>
</table>|358162|358163|entityMap^0|C|2|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|12|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|13|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|14|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|15|8|@]|D|@]|E|$]]|$1|Q|3|R|5|J|7|16|8|@]|D|@]|E|$K|L]]|$1|S|3|T|5|J|7|17|8|@]|D|@]|E|$K|L]]|$1|U|3|V|5|J|7|18|8|@]|D|@]|E|$K|L]]|$1|W|3|P|5|6|7|19|8|@]|D|@]|E|$]]|$1|X|3|-4|5|6|7|1A|8|@]|D|@]|E|$]]]|Y|$]]

<p>An answer similar to the accepted, but without the <code>||</code> operator. </p>

<p>Purely arithmetical:</p>

<pre><code>// returns the hours number for a date, between 1 and 12
function hours12(date) { return (date.getHours() + 11) % 12 + 1; }
</code></pre>

<p>Test it here. Simulating hours 0 - 23:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var demoTable = document.getElementById("demo");

// simulate getHours() values 0-23
for (i = 0; i &lt; 24; i++) {
  var row = demoTable.insertRow(-1);
  var format24Cell = row.insertCell(0);
  var conversionCell = row.insertCell(1);
  var format12Cell = row.insertCell(2);
  format24Cell.innerHTML = i;
  conversionCell.innerHTML = "( &lt;b&gt;" + i + "&lt;/b&gt; + 11) % 12 + 1 =";
  
  // conversion takes place here
  format12Cell.innerHTML = (i + 11) % 12 + 1;
}</code></pre>
<pre class="snippet-code-css lang-css prettyprint-override"><code>table {
  border-collapse: collapse;
  width: 100%;
}

table,
th,
td {
  border: 1px solid black;
}

th {
  padding: 0, 5px
}

td {
  padding-left: 5px;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table id="demo"&gt;
  &lt;tr&gt;
    &lt;th colspan="3"&gt;24 to 12 Hour Format Conversion Demo&lt;/th&gt;
  &lt;tr&gt;
  &lt;tr&gt;
    &lt;th&gt;24 Hour Format&lt;/th&gt;
    &lt;th&gt;Conversion&lt;/th&gt;
    &lt;th&gt;12 Hour Format&lt;/th&gt;
  &lt;/tr&gt;
&lt;/table&gt;</code></pre>
</div>
</div>
</p>


blocks|key|573914|text|这可以使用.getHours()函数轻松实现。请记住，getHours返回0到23之间的整数值，因此您所要做的就是检查0值|type|unstyled|depth|inlineStyleRanges|entityRanges|data|573915|​|573916|let+date+=+new+Date()
let+hour+=+(date.getHours()===0)?+24:date.getHours()|code-block|syntax|javascript|573917|573918|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>This can be easily achieved using the .getHours() function. Remember that getHours returns integer values between 0 and 23 and so all you have to do is check for the 0 value</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>let date = new Date()
let hour = (date.getHours()===0)? 24:date.getHours()</code></pre>
</div>
</div>
</p>


<p>When I use the "getHour()" method in javascript, it displays the military time format.  I need it to display the hour in numbers between 1-12 instead.  Can anybody tell me how to do this?  Here is the code I am using:</p>

<pre><code>function updateclock()
{

    var time = new Date();
    var todisplay = '';

    if (time.getHours() &lt; 10) todisplay += time.getHours();
    else todisplay += time.getHours();

    if (time.getMinutes() &lt; 10) todisplay += ':0' + time.getMinutes();
    else todisplay += ':' + time.getMinutes();

    document.getElementById("clock").innerHTML = todisplay;
}
</code></pre>


Changing the 1-24 hour to 1-12 hour for the "getHours()" Method

当我在javascript中使用"getHour()“方法时，它显示军事时间格式。我需要它显示1-12之间的数字小时而不是。有人能告诉我怎么做吗？下面是我使用的代码：function updateclock(){    var time = new Date();    var todisplay = '';    if (time.getHours() < 10) todisplay += ti

问将"getHours()“方法的1-24小时更改为1-12小时
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将"getHours()“方法的1-24小时更改为1-12小时EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将"getHours()“方法的1-24小时更改为1-12小时
EN