Javascript 更改url结尾以反映当前月份Ex 2019年1月4日的脚本

我正在开发一个web应用程序，它将有一个保存链接视图的div。这个链接每个月都会更改，我想知道是否有办法更改URL的结尾以反映当前月份的第一天

在URL的末尾，您可以看到

monthDate=04/01/2019

我希望URL的这一部分在下个月更改。例如，即使今天是2019年5月4日，我在URL中需要的只是指向该月的第一天

monthDate=2019年1月4日
。如果今天是
2019年5月20日
我需要URL的结尾指向
monthDate=2019年5月1日

这是我的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


常量getDate=（）=>{
设newDate=newDate（）；
让year=newDate.getFullYear（）；
让month=newDate.getMonth（）+1；
月=月<10？'0'+月：月；
返回月份+'/'+'01/'+年；
}
document.getElementById（'myFrame1'）。src='1〕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='10〕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（））；
我得到的错误是：
未捕获的语法错误：标识符“getDate”已声明
试试这个

    <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>


var b=新日期（）；
变量y=b.getFullYear（）；
var m=b.getMonth（）；
var d=b.getDate（）；
变量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）
控制台日志（“\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））
const getDate=（）=>{
设newDate=newDate（）；
让year=newDate.getFullYear（）；
让month=newDate.getMonth（）+1；
月=月<10？'0'+月：月；
返回月份+'/'+'01/'+年；
}
document.getElementById（'myFrame'）.src='10〕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（））；
除非您有该路径的文件夹，否则在URL中使用前斜杠会有问题。除此之外，您已经告诉我们您想要什么，但您尝试了什么？我们希望您在发布之前进行研究和尝试。获取该日期很容易。
函数getDate（）{let d=new date（）；返回新日期（d.getFullYear（），d.getMonth（），1）；}
这非常有效。我有两个部分会用到这个，但是src会稍微不同。我试着复制这个代码并放置两次…我更改了“myFrame”要在div中反映ID，但它会给我一个错误，表示未捕获的语法错误：标识符“getDate”已声明，但只填充了其中一个。这里是我调用myFrame
的地方，我调用了另一个myFrame1
@Dc5nipe您尝试粘贴函数声明两次了吗？您只需要拥有该代码一次，然后如果您在同一范围内，就可以重复调用它。不知道你是不是这个意思。如果需要，可以粘贴JavaScript示例来说明您的意思。
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());