Adding date and time to project?

Question

JavaScript

I'm just starting to deal with js, the experience is almost zero, I added a script to the project to call the date and time

(function () {

  window.isimple=window.isimple || {}
  window.isimple.dates=window.isimple.dates || {}
  window.isimple.dates.getCurrentDate=function () {
    var d = new Date();
    var curr_date = d.getDate();
    var curr_month = d.getMonth() + 1;
    var curr_year = d.getFullYear();

    return (curr_year + "." + curr_month + "." + curr_date);
  }
    window.isimple.dates.getCurrentTime=function () {
      var d = new Date();
      var curr_hours = d.getHours();
      var curr_minutes = d.getMinutes();

      return (curr_hours + ":" + curr_minutes);
    }
})();

and I call it in the zulnik like this,
<label value="isimple.dates.getCurrentDate()"/>
but the label code itself is displayed, what is the problem, tell me?

Answer 1

I think you should do it like this:

<label id="labelOne" for=""></label>
<label id="labelTwo" for=""></label>

'use strict';

    ;(function () {

      var labelOne = document.getElementById('labelOne'),
          labelTwo = document.getElementById('labelTwo');

      

      window.isimple=window.isimple || {};
      window.isimple.dates=window.isimple.dates || {};
      
      window.isimple.dates.getCurrentDate=function () {
        var d = new Date();
        var curr_date = d.getDate();
        var curr_month = d.getMonth() + 1;
        var curr_year = d.getFullYear();

        return (curr_year + "." + curr_month + "." + curr_date);
      }

      labelOne.innerHTML =  window.isimple.dates.getCurrentDate();

      window.isimple.dates.getCurrentTime=function () {
          var d = new Date();
          var curr_hours = d.getHours();
          var curr_minutes = d.getMinutes();

          return (curr_hours + ":" + curr_minutes);
      }

      labelTwo.innerHTML =  window.isimple.dates.getCurrentTime();

    })();

You can, in principle, stick into one label, a matter of technology.

Answer 2

native js can't bind directly to html