JSFiddle - React, Tailwind, and code Playground

by I Sang Hyeon

HTML

<input type="text" id="inp1"/>
<button id="btn1">
btn1
</button>
<p id="p1">
p1 : 
</p>
<p id="p2">
p1 : 
</p>

JavaScript

$('#btn1').click(function(){
	var $inp = $('#inp1');
  var $p1 = $('#p1');
  var $p2 = $('#p2');
  var val1 = '';
  var val2 = '';
  
  val1 = fn($inp.val(),'yyyy-mm/dd');
  val1 = fn($inp.val(),'mm/dd');
  
  $p1.text(val1);
  $p2.text(val2);
});

function fn(str,fmt){
	var isValid = false,
  		result = '',
			y = str.substr(0,4),
      m = str.substr(4,2) - 1,
      d = str.substr(6,2);
  var dt = new Date(y,m,d);
    //alert('1m: '+m+'\n type: '+typeof m);
    isValid = (dt.getFullYear() == y && dt.getMonth() == m && dt.getDate() == d)
    					? true : false;
    if(!isValid){
    	return result;
    }
//alert('2m: '+m+'\n type: '+typeof m+'\n m.length: '
//		+m.length+'\n m.str.length: '+m.toString().length);
    if (m.toString().length < 2){
        m = '0' + m;
    }
    if (d.length < 2){
        d = '0' + d;
    }
    
    //result = [year, month, day].join('-');
    result = fmt.replace('yyyy',y).replace('mm',m).replace('dd',d);

return result;
}