Extract value input type date

Extract value input type date

by Adi Jaya

HTML

<input id="input" type="date" value="2018-07-22">
<button>Generate</button>
  
<p><input id="output-1"/></p>
<p><input id="output-2"/></p>
  
<ul id="output-3"></ul>

JavaScript

$( "button" ).click(function(){
	var $input = $( "#input" );
	var $output1 = $( "#output-1" );
	var $output2 = $( "#output-2" );
	var $output3 = $( "#output-3" );
    
	var date = new Date( $input.val() );
	dd = ("0" + date.getDate()).slice(-2);
    mm = ("0" + (date.getMonth() + 1)).slice(-2);
	yy = date.getFullYear();
	
	//output 1
	$output1.val( [dd, mm, yy].join('-') );
	
	//output 2
	$output2.val( [yy, mm, dd].join('-') );
	
	//output 3
	$output3.html( "<li>"+ dd +"</li> <li>"+ mm +"</li> <li>"+ yy +"</li>" );
  
});

//alternative if browser not support type[date]
if ( $( "#input" ).prop('type') != "date" ) {
	console.log( "your browser not support type [date]" );
  	// $( "#input" ).datepicker(); 
    // or your alternative code
} else {
	console.log( "your browser support type [date]" );
}