无法将变量输出到 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

也许我不明白你想要实现什么，但对我来说，当你将逻辑移到点击功能之外时，一切都会很好。

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();
  });
})

看小提琴：https://jsfiddle.net/aofd5vne/1/