用于更改网址结尾以反映当前月份的脚本Ex 04/01/2019

时间:2019-04-05 19:35:52

标签: javascript html

我正在开发一个Web应用程序,该应用程序的div可以保存链接视图。该链接每个月都会更改,我想知道是否可以更改URL的末尾以反映当月的第一天。

在URL的末尾,您会看到monthDate=04/01/2019,我希望URL的这一部分在下个月更改时自行更改。例如,即使今天是04/05/2019,URL中我所需要的仍然是指向每月monthDate=04/01/2019的第一天。如果今天是05/20/2019,则需要URL的末尾指向monthDate=05/01/2019

这是我的div。

<div>
<iframe frameborder="0" scrolling="yes" src="http://zumdb-prod.itg.ti.com/zum/AppServlet?action=aotoolFe&jspURL=clusterTools/toolsetFe.jsp&fegoaltype=RAW&eedbListName=ZUM_Wet_Met_Brooks_IOC_sorters&facility=DMOS5&monthDate=04/01/2019" style="width:100%; height:550px; -ms-zoom: .995; -webkit-transform: scale(.995); -webkit-transform-origin: 0 0; -o-transform: scale(0.995); -o-transform-origin: 0 0;"></iframe>
</div>

更新:

我使用了@danny_o注释,现在有了这个注释,但是只有其中一个正确填充。我在做错什么吗?

<div>
    <iframe id="myFrame1" frameborder="0" scrolling="yes" src="" style="width:100%; height:550px; -ms-zoom: .995; -webkit-transform: scale(.995); -webkit-transform-origin: 0 0; -o-transform: scale(0.995); -o-transform-origin: 0 0;"></iframe>
         </div>
<div>
    <iframe id="myFrame" frameborder="0" scrolling="yes" src="" style="width:100%; height:550px; -ms-zoom: .995; -webkit-transform: scale(.995); -webkit-transform-origin: 0 0; -o-transform: scale(0.995); -o-transform-origin: 0 0;"></iframe>
         </div>

在我的脚本部分中,我有

     <script>
        const getDate = () => {
            let newDate = new Date();
            let year = newDate.getFullYear();
            let month = newDate.getMonth() + 1;
            month = month < 10 ? '0' + month : month;
            return month + '/' + '01/' + year;
          }

          document.getElementById('myFrame1').src = 'http://zumdb-prod.itg.ti.com/zum/AppServlet?action=aotool&jspURL=clusterTools/toolset.jsp&fegoaltype=RAW&eedbListName=ZUM_Wet_Met_Brooks_IOC_sorters&facility=DMOS5&monthDate='.concat(getDate());
          document.getElementById('myFrame').src = 'http://zumdb-prod.itg.ti.com/zum/AppServlet?action=aotoolFe&jspURL=clusterTools/toolsetFe.jsp&fegoaltype=RAW&eedbListName=ZUM_Wet_Met_Brooks_IOC_sorters&facility=DMOS5&monthDate='.concat(getDate());

        </script>


The error I get is:

Uncaught SyntaxError: Identifier 'getDate' has already been declared

2 个答案:

答案 0 :(得分:1)

const getDate = () => {
  let newDate = new Date();
  let year = newDate.getFullYear();
  let month = newDate.getMonth() + 1;
  month = month < 10 ? '0' + month : month;
  return month + '/' + '01/' + year;
}

document.getElementById('myFrame').src = 'http://zumdb-prod.itg.ti.com/zum/AppServlet?action=aotoolFe&jspURL=clusterTools/toolsetFe.jsp&fegoaltype=RAW&eedbListName=ZUM_Wet_Met_Brooks_IOC_sorters&facility=DMOS5&monthDate='.concat(getDate());

答案 1 :(得分:0)

尝试一下。

    <div>
    <iframe id="frame" frameborder="0" scrolling="yes" src=""></iframe>
    </div>
<script>
    var b = new Date();
        var y = b.getFullYear();
        var m = b.getMonth();
        var d = b.getDate();
        var newDate = d < 10 ? '0' + d : d;
        var newMonth = m < 9 ? '0' + (m + 1) : m + 1;

        document.getElementById("frame").src ="\nhttp://zumdb-prod.itg.ti.com/zum/AppServlet?action=aotoolFe&jspURL=clusterTools/toolsetFe.jsp&fegoaltype=RAW&eedbListName=ZUM_Wet_Met_Brooks_IOC_sorters&facility=DMOS5&monthDate=".concat(newDate, "/").concat(newMonth, "/").concat(y)

        console.log("\nhttp://zumdb-prod.itg.ti.com/zum/AppServlet?action=aotoolFe&jspURL=clusterTools/toolsetFe.jsp&fegoaltype=RAW&eedbListName=ZUM_Wet_Met_Brooks_IOC_sorters&facility=DMOS5&monthDate=".concat(newDate, "/").concat(newMonth, "/").concat(y))
</script>