Lo que quiero es obtener la misma fecha pero si agrego otra no me da ya intente cambiar de nombre de los métodos y solo me da la fecha que asigno Apenas estoy entrando en web y no entiendo mucho si alguien me ayuda se lo agradeceria mucho ya que soy inexperto pero trato de aprender si me recomiendan un tutorial o un libro alguien seria de mucha ayuda gracias
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Hola nelly</h4>
<Asunto>Asunto :
<input type="text" name="Asunto " size="40" placeholder="Escriba a qui el asunto "></input>
</Asunto>
<P ALIGN="LEFT">Mensaje </P>
<textarea name="textarea" rows="100" cols="100" style=" width: 567px; height: 261px;" placeholder="Escriba a qui el Mensaje "></textarea>
<br>
<!-------------- -->
<label for="start">Fecha inicio:</label>
<input type="date" id="start" name="trip-start" value="2018-07-22">
<input type="date" id="start" name="trip-start" value="2018-07-22">
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Enviar </button>
</div>
<script>
var f = new Date();
var dateControl = document.querySelector('input[type="date"]');
var dateContro2 = document.querySelector('input[type="date"]');
var fecha = ((f.getFullYear()) + "-" + (f.getMonth()) + 1 + "-" + (f.getDate()));
dateControl.value = fecha;
dateControl.setAttribute("min", fecha);
dateControl.setAttribute("max", fecha);
</script>
</div>
</div>