jQuery DateSelect Plugin Demo

Automatic mode

Result

Manual mode

In manual mode, you'll have to call the $.dateSelect.show() method to open the date picker.

HTML

<input type="text" name="date2" id="date2" class="form-control">
<span class="input-group-btn">
	<button class="btn btn-primary btn-date" type="button"><i class="fa fa-calendar"></i></button>
</span>

JS

$('.btn-date').on('click', function(e) {
	e.preventDefault();
	$.dateSelect.show({
		element: 'input[name="date2"]'
	});
});

Result

Credits

Lead coder: biohzrdmx (github.com/biohzrdmx)