使用javascript替换链接中的元素

Question

I have a link to add event to google calendar which is populated from a database, but the date is formatted yyyy-mm-dd, and the time hh:mm, and i cannot alter this, but google calendar will not accept.

Can anyone please help me use javascript and the 'replace' function to remove the'-' and ':' from the html please?

 <a href="http://www.google.com/calendar/event? action=TEMPLATE &text=Tester12 &dates=2014-01-27T22:4000Z/2014-03-20T22:1500Z &details=Oranges &location=Newquay &trp=false &sprop= &sprop=name:" target="_blank" rel="nofollow">Add to my calendar</a>

many thanks.

Answer 1

Fetch the href link from tag and store it in a variable.

var linkStr = "http://www.google.com/calendar/event?action=TEMPLATE&text=Tester12&dates=2014-01-27T22:4000Z/2014-03-20T22:1500Z&details=Oranges&location=Newquay&trp=false&sprop=&sprop=name:";

var re = /&dates=.*?&/g;
var result = re.exec(linkStr);

if(result!=null){

             var replaceStr = result[0].replace(/[-|:]/g,'');
             var finalLink = linkStr.substr(0,result["index"]) + replaceStr + linkStr.substr(result["index"]+replaceStr.length);
             console.log(finalLink);
}else{
       alert('link invalid');
}

This will remove all the '-' and ':' from dates parameter string and will store that link in 'finalLink' var. Hope it helps.

Answer 2

I have been on the sniff for the whole code solution, and witha bit of mix and match, came up with this, AND IT SEEMS TO WORK!!!!!! But please feel free to edit into perfection!

 <script> var linkStr = "http://www.google.com/calendar/event?action=TEMPLATE&text=Example Event&dates=2018-12-16T10:3500Z/2018-12-16T12:0000Z&details=Trip to town&location=No mans land&trp=false&sprop=&sprop=name:"; var re = /&dates=.*?&/g; var result = re.exec(linkStr); if(result!=null){ var replaceStr = result[0].replace(/[-|:]/g,''); var finalLink = linkStr.substr(0,result["index"]) + replaceStr + linkStr.substr(result["index"]+replaceStr.length); console.log(finalLink); }else{ alert('link invalid'); } </script> <a href="" class="finalLink">Add Event</a> <script> (function() { Array.prototype.forEach.call(document.querySelectorAll("a.finalLink"), function(link) { link.href = finalLink; }); })(); </script>