Add “am” or “pm” to Specific Time Format Dependent on Time of Day - Javascript












0















I have the following javaScript which is showing the time in hours and minutes.



Is there a way of having an "am" or "pm" next to the time, dependent on whether it's before or after midday?






var t = new Date();

var time = document.getElementById("time");



time.textContent = t.getHours() + ":" + t.getMinutes();

<h3 class="time-holder">Current UK time: <span id="time">12:00</span></h3>








javascript time







share|improve this question























  • Possible duplicate: stackoverflow.com/questions/14638018/…

    – Chris Happy
    Nov 26 '18 at 2:06
















0















I have the following javaScript which is showing the time in hours and minutes.



Is there a way of having an "am" or "pm" next to the time, dependent on whether it's before or after midday?






var t = new Date();

var time = document.getElementById("time");



time.textContent = t.getHours() + ":" + t.getMinutes();

<h3 class="time-holder">Current UK time: <span id="time">12:00</span></h3>








javascript time







share|improve this question























  • Possible duplicate: stackoverflow.com/questions/14638018/…

    – Chris Happy
    Nov 26 '18 at 2:06














0












0








0








I have the following javaScript which is showing the time in hours and minutes.



Is there a way of having an "am" or "pm" next to the time, dependent on whether it's before or after midday?






var t = new Date();

var time = document.getElementById("time");



time.textContent = t.getHours() + ":" + t.getMinutes();

<h3 class="time-holder">Current UK time: <span id="time">12:00</span></h3>








javascript time







share|improve this question














I have the following javaScript which is showing the time in hours and minutes.



Is there a way of having an "am" or "pm" next to the time, dependent on whether it's before or after midday?






var t = new Date();

var time = document.getElementById("time");



time.textContent = t.getHours() + ":" + t.getMinutes();

<h3 class="time-holder">Current UK time: <span id="time">12:00</span></h3>








var t = new Date();

var time = document.getElementById("time");



time.textContent = t.getHours() + ":" + t.getMinutes();

<h3 class="time-holder">Current UK time: <span id="time">12:00</span></h3>





var t = new Date();

var time = document.getElementById("time");



time.textContent = t.getHours() + ":" + t.getMinutes();

<h3 class="time-holder">Current UK time: <span id="time">12:00</span></h3>





javascript time




javascript time






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 26 '18 at 1:59









Paul12_Paul12_

3811211




3811211













  • Possible duplicate: stackoverflow.com/questions/14638018/…

    – Chris Happy
    Nov 26 '18 at 2:06



















  • Possible duplicate: stackoverflow.com/questions/14638018/…

    – Chris Happy
    Nov 26 '18 at 2:06

















Possible duplicate: stackoverflow.com/questions/14638018/…

– Chris Happy
Nov 26 '18 at 2:06





Possible duplicate: stackoverflow.com/questions/14638018/…

– Chris Happy
Nov 26 '18 at 2:06












2 Answers
2






active

oldest

votes


















1














Answer adapted from here.






var d = new Date();

var hr = d.getHours();

var min = d.getMinutes();

if (min < 10) {

    min = "0" + min;

}

var ampm = "am";

if( hr > 12 ) {

    hr -= 12;

    ampm = "pm";

}





var time = document.getElementById("time");



time.textContent = hr + ":" + min + ampm;

<h3 class="time-holder">Current UK time: <span id="time">12:00</span></h3>








share|improve this answer































    -1














    use the "toLocaleTimeString()" method instead of the "getHours()" and "getMinutes()"



    for example:



    var t = new Date();
    
var time = document.getElementById("time");
    

    
time.textContent = t.toLocaleTimeString('en-US');


    source:
    https://www.w3schools.com/jsref/jsref_tolocaletimestring.asp






    share|improve this answer























      Your Answer






      StackExchange.ifUsing("editor", function () {
      StackExchange.using("externalEditor", function () {
      StackExchange.using("snippets", function () {
      StackExchange.snippets.init();
      });
      });
      }, "code-snippets");

      StackExchange.ready(function() {
      var channelOptions = {
      tags: "".split(" "),
      id: "1"
      };
      initTagRenderer("".split(" "), "".split(" "), channelOptions);

      StackExchange.using("externalEditor", function() {
      // Have to fire editor after snippets, if snippets enabled
      if (StackExchange.settings.snippets.snippetsEnabled) {
      StackExchange.using("snippets", function() {
      createEditor();
      });
      }
      else {
      createEditor();
      }
      });

      function createEditor() {
      StackExchange.prepareEditor({
      heartbeatType: 'answer',
      autoActivateHeartbeat: false,
      convertImagesToLinks: true,
      noModals: true,
      showLowRepImageUploadWarning: true,
      reputationToPostImages: 10,
      bindNavPrevention: true,
      postfix: "",
      imageUploader: {
      brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
      contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
      allowUrls: true
      },
      onDemand: true,
      discardSelector: ".discard-answer"
      ,immediatelyShowMarkdownHelp:true
      });


      }
      });














      draft saved

      draft discarded


















      StackExchange.ready(
      function () {
      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53473877%2fadd-am-or-pm-to-specific-time-format-dependent-on-time-of-day-javascript%23new-answer', 'question_page');
      }
      );

      Post as a guest















      Required, but never shown

























      2 Answers
      2






      active

      oldest

      votes








      2 Answers
      2






      active

      oldest

      votes









      active

      oldest

      votes






      active

      oldest

      votes









      1














      Answer adapted from here.






      var d = new Date();
      
var hr = d.getHours();
      
var min = d.getMinutes();
      
if (min < 10) {
      
    min = "0" + min;
      
}
      
var ampm = "am";
      
if( hr > 12 ) {
      
    hr -= 12;
      
    ampm = "pm";
      
}
      

      

      
var time = document.getElementById("time");
      

      
time.textContent = hr + ":" + min + ampm;

      <h3 class="time-holder">Current UK time: <span id="time">12:00</span></h3>








      share|improve this answer




























        1














        Answer adapted from here.






        var d = new Date();
        
var hr = d.getHours();
        
var min = d.getMinutes();
        
if (min < 10) {
        
    min = "0" + min;
        
}
        
var ampm = "am";
        
if( hr > 12 ) {
        
    hr -= 12;
        
    ampm = "pm";
        
}
        

        

        
var time = document.getElementById("time");
        

        
time.textContent = hr + ":" + min + ampm;

        <h3 class="time-holder">Current UK time: <span id="time">12:00</span></h3>








        share|improve this answer


























          1












          1








          1







          Answer adapted from here.






          var d = new Date();
          
var hr = d.getHours();
          
var min = d.getMinutes();
          
if (min < 10) {
          
    min = "0" + min;
          
}
          
var ampm = "am";
          
if( hr > 12 ) {
          
    hr -= 12;
          
    ampm = "pm";
          
}
          

          

          
var time = document.getElementById("time");
          

          
time.textContent = hr + ":" + min + ampm;

          <h3 class="time-holder">Current UK time: <span id="time">12:00</span></h3>








          share|improve this answer













          Answer adapted from here.






          var d = new Date();
          
var hr = d.getHours();
          
var min = d.getMinutes();
          
if (min < 10) {
          
    min = "0" + min;
          
}
          
var ampm = "am";
          
if( hr > 12 ) {
          
    hr -= 12;
          
    ampm = "pm";
          
}
          

          

          
var time = document.getElementById("time");
          

          
time.textContent = hr + ":" + min + ampm;

          <h3 class="time-holder">Current UK time: <span id="time">12:00</span></h3>








          var d = new Date();
          
var hr = d.getHours();
          
var min = d.getMinutes();
          
if (min < 10) {
          
    min = "0" + min;
          
}
          
var ampm = "am";
          
if( hr > 12 ) {
          
    hr -= 12;
          
    ampm = "pm";
          
}
          

          

          
var time = document.getElementById("time");
          

          
time.textContent = hr + ":" + min + ampm;

          <h3 class="time-holder">Current UK time: <span id="time">12:00</span></h3>





          var d = new Date();
          
var hr = d.getHours();
          
var min = d.getMinutes();
          
if (min < 10) {
          
    min = "0" + min;
          
}
          
var ampm = "am";
          
if( hr > 12 ) {
          
    hr -= 12;
          
    ampm = "pm";
          
}
          

          

          
var time = document.getElementById("time");
          

          
time.textContent = hr + ":" + min + ampm;

          <h3 class="time-holder">Current UK time: <span id="time">12:00</span></h3>






          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Nov 26 '18 at 2:08









          Chris HappyChris Happy

          4,62811234




          4,62811234

























              -1














              use the "toLocaleTimeString()" method instead of the "getHours()" and "getMinutes()"



              for example:



              var t = new Date();
              
var time = document.getElementById("time");
              

              
time.textContent = t.toLocaleTimeString('en-US');


              source:
              https://www.w3schools.com/jsref/jsref_tolocaletimestring.asp






              share|improve this answer




























                -1














                use the "toLocaleTimeString()" method instead of the "getHours()" and "getMinutes()"



                for example:



                var t = new Date();
                
var time = document.getElementById("time");
                

                
time.textContent = t.toLocaleTimeString('en-US');


                source:
                https://www.w3schools.com/jsref/jsref_tolocaletimestring.asp






                share|improve this answer


























                  -1












                  -1








                  -1







                  use the "toLocaleTimeString()" method instead of the "getHours()" and "getMinutes()"



                  for example:



                  var t = new Date();
                  
var time = document.getElementById("time");
                  

                  
time.textContent = t.toLocaleTimeString('en-US');


                  source:
                  https://www.w3schools.com/jsref/jsref_tolocaletimestring.asp






                  share|improve this answer













                  use the "toLocaleTimeString()" method instead of the "getHours()" and "getMinutes()"



                  for example:



                  var t = new Date();
                  
var time = document.getElementById("time");
                  

                  
time.textContent = t.toLocaleTimeString('en-US');


                  source:
                  https://www.w3schools.com/jsref/jsref_tolocaletimestring.asp







                  share|improve this answer












                  share|improve this answer



                  share|improve this answer










                  answered Nov 26 '18 at 2:07









                  hortighortig

                  854




                  854






























                      draft saved

                      draft discarded




















































                      Thanks for contributing an answer to Stack Overflow!


                      • Please be sure to answer the question. Provide details and share your research!

                      But avoid …



                      • Asking for help, clarification, or responding to other answers.

                      • Making statements based on opinion; back them up with references or personal experience.


                      To learn more, see our tips on writing great answers.




                      draft saved


                      draft discarded














                      StackExchange.ready(
                      function () {
                      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53473877%2fadd-am-or-pm-to-specific-time-format-dependent-on-time-of-day-javascript%23new-answer', 'question_page');
                      }
                      );

                      Post as a guest















                      Required, but never shown





















































                      Required, but never shown














                      Required, but never shown












                      Required, but never shown







                      Required, but never shown

































                      Required, but never shown














                      Required, but never shown












                      Required, but never shown







                      Required, but never shown







                      -

                      Popular posts from this blog

                      Costa Masnaga

                      Image
                      .mw-parser-output .avviso .mbox-text-div>div,.mw-parser-output .avviso .mbox-text-full-div>div{font-size:90%}.mw-parser-output .avviso .mbox-image div{width:52px}.mw-parser-output .avviso .mbox-text-full-div .hide-when-compact{display:block} Questa voce o sezione sull'argomento Lombardia non cita le fonti necessarie o quelle presenti sono insufficienti . Puoi migliorare questa voce aggiungendo citazioni da fonti attendibili secondo le linee guida sull'uso delle fonti. Segui i suggerimenti del progetto di riferimento. Costa Masnaga comune Localizzazione Stato   Italia Regione Lombardia Provincia Lecco Amministrazione Sindaco Sabina Panzeri (Al centro il cittadino) dall'08/06/2009 Territorio Coordinate 45°46′N 9°17′E  /  45.766667°N 9.283333°E 45.766667; 9.283333  ( Costa Masnaga ) Coordinate: 45°46′N 9°17′E  /  45.766667°N 9.283333°E 45.766667; 9.283333  ( Costa Masnaga ) Altitudine 318 m s.l.m
                      Read more

                      Fotorealismo

                      Image
                      Guerrino Boatto, Venice's St. Barnaba Church and canal Il fotorealismo è un genere di pittura basato sull'uso di una o più fotografie dalle quali l'artista prende le informazioni necessarie da utilizzare poi nel processo della creazione dell'opera, in genere ad olio o ad acrilico, al fine di avere un aspetto finale il più simile possibile alla fotografia. Indice 1 Storia 2 Lista dei fotorealisti 3 Note 4 Voci correlate 5 Altri progetti Storia | Il fotorealismo è un movimento che nasce negli Stati Uniti d'America alla fine degli anni sessanta [1] sulla scia della Pop Art [2] [3] [4] , e insieme condividono il carattere reazionario verso la travolgente ascesa dei media, che alla metà del ventesimo secolo si trasforma in un fenomeno di massa talmente imponente da minacciare il valore dell'immagine nell'arte. [5] [6] Ne consegue così che, colto il gesto d'inizio che fu della Pop Art, i fotorealisti aprono ad un
                      Read more

                      Create new schema in PostgreSQL using DBeaver

                      Image
                      0 At the beginning of my current job I had limited access to DB but recently my role is changed to superuser, admin, and owner. My colleague who was the previous DB admin is able to create a schema or change the permissions as there is a permission tab in the properties and he can change permissions by clicking easily. Would you please let me know how I can create schema and change permissions as well? Why his dbeaver looks different from me? He can easily right click on the schema folder on top of all schemas on the left side column and select create new schema while I do not have that, like the following picture I found on the internet. postgresql database-schema dbeaver share | improve this question
                      Read more