Question

I have got a string which is maybe date = "10/08/2011"; English time style.

Its a plain string, so I need to be able to add 1 or 2 days to it.

I have tried a few things but can’t work it out as I am normally a PHP guy not JavaScript.

Any help is greatly appreciated.

Thanks

Lee

UPDATE

Why does this seem to be so hard, i’ve been stuck on this for an hour now….. I want to give the code a plain string which is mm/dd/yyyy – 10/08/2011 and i want back something like 11/08/2011

Why so hard ?? this is why i hate javascript and prefer PHP 🙁

Answer 1

It’s not all that complex:

//convert string to date
var dattmp = "10/08/2011".split('/').reverse().join('/');
var nwdate =  new Date(dattmp);

// to add 1 day use:
nwdate.setDate(nwdate.getDate()+1);

//to retrieve the new date use
[nwdate.getDate(),nwdate.getMonth()+1,nwdate.getFullYear()].join('/');

//all in one:
function dateAddDays( /*string dd/mm/yyyy*/ datstr, /*int*/ ndays){
  var dattmp = datstr.split('/').reverse().join('/');
  var nwdate =  new Date(dattmp);
  nwdate.setDate(nwdate.getDate() + (ndays || 1));
  return [ zeroPad(nwdate.getDate(), 10)
          ,zeroPad(nwdate.getMonth()+1, 10)
          ,nwdate.getFullYear() ].join('/');
}

//function to add zero to date/month < 10
function zeroPad(nr, base){
  var len = (String(base).length - String(nr).length) + 1;
  return len > 0? new Array(len).join('0') + nr : nr;
}

//examples
console.log(dateAddDays("10/08/2011"));     //=> 11/08/2011
console.log(dateAddDays("10/08/2011", -5)); //=> 05/08/2011

if you really want it simple – without using the Date Object:

console.log( '10/08/2011'
  .split('/')
  .map( (v, i) => i < 1 ? +v + 1 : v)
  .join('/') 
);

Here’s a small function to convert a date(-time) string to a Date:

const log = Logger(document.querySelector(`pre`));
log(
  `<code>str2Date(\`3/15/2013T12:22\`, \`mdy\`)</code>\n  &gt; ${
    str2Date(`3/15/2013T12:22`, `mdy`)}`,
  `<code>str2Date(\`15-2013-03 12:22\`, \`dym\`)\</code>\n  &gt; ${
    str2Date(`15-2013-03 12:22`, `dym`)}`,
  `<code>str2Date(\`15/3/2013\`, \`dmy\`)</code>\n  &gt; ${
    str2Date(`15/3/2013`, `dmy`)}`,
  `<code>str2Date(\`2013/03/15\`)</code>\n  &gt; ${
    str2Date(`2013/03/15`)}` );

function str2Date(dateStr, ymd = `ymd`) {
  ymd = [...ymd].reduce( (acc, v, i) => ({...acc, [v]: i}), {} );
  const dt = dateStr.split(/[ T]/);
  const [d, t] = [ dt[0].split(/[/-]/), dt[1] ];
  return new Date( `${d[ymd.y]}-${d[ymd.m]}-${d[ymd.d]} ${t || ``}` );
}

function Logger(logEl) {
  return (...args) => {
    args.forEach(arg =>
      logEl.appendChild(
        Object.assign(document.createElement(`div`), {
          innerHTML: `${arg}`,
          className: `logEntry`
        })
      ))
  };
}

body {
  font: normal 12px/16px verdana, arial;
}

.logEntry {
  margin: 5px 0;
}

.logEntry:before {
  content: '• ';
  vertical-align: middle;
}

code {
  background-color: #eee;
  color: green;
  padding: 1px 2px;
}

<pre></pre>