无法将变量输出到html中

Question

当我点击html页面上的按钮时，下面的脚本可以正确打开一个带有格式化日期的链接。

    $(document).ready(function() {
    $('#button').click(function(e) {  
        var date = /*my script that collects a specific date*/ ;
        var [yyyy, mm, dd] = date.toISOString().split('T')[0].split('-');

        document.getElementById("cid").innerHTML = dd;
        document.getElementById("cim").innerHTML = mm;



             window.open( "https://www.mywebsite.com/" +yyyy );

});

问题：我不能将变量中的数据显示在html页面中，我使用了这段代码。

Date values : <span id="cid"></span> / <span id="cim"></span>

是不是因为脚本只有在我点击#button时才会被触发？在任何情况下，我想在点击按钮之前在页面上显示数值。我如何才能做到这一点？

Answer 1

也许我不明白你想达到什么目的，但对我来说，当你把你的逻辑移到click函数之外时，一切都很好。

function updateDate(){
  console.log('Updated!')
  const date = new Date();
  const [yyyy, mm, dd] = date.toISOString().split('T')[0].split('-');

  document.getElementById("cid").innerHTML = dd;
  document.getElementById("cim").innerHTML = mm;  
}

$(document).ready(function() {
  updateDate();

  $('#button').click(function(e) {  
    updateDate();
  });
})

在fiddle上看。https:/jsfiddle.netaofd5vne1