Ciao a tutti,
ho la necessità di avere in un form un campo che mi permetta di inserire ore e minuti. Con bootstrap è facile usare la classe bfh-timepicker. La difficoltà che sto riscontrando tuttavia è resettare il campo in modo tale che il valore inserito sparisca e ricompaia il valore indicato nel placeholder.

ecco il codice:

codice:
<div class="bfh-timepicker" data-mode="24h" data-placeholder="Orario inizio" placeholder="Orario inizio" id="datepicker" data-time=""></div> 

<a onclick="resetta();" style="cursor: pointer;" id="resettaorarioinizio">Cancella</a>
ecco invece il codice javascript:

codice:
function resetta() {
	$("#datepicker").val();	  
}

Così facendo l'orario inserito non si resetta, ma si aggiorna in base all'orario attuale. Ho quindi provato a lavorare sull'elemento data-time:

codice:
$("#datepicker").data("time").val("");

oppure 

$("#datepicker").attr("data-time").val("");

oppure

$("#datepicker").setAttribute("data-time").val("");
Il problema però, anche attraverso .data(), .attr(), e .setAttribute() non viene risolto. Avrei quindi bisogno di qualche suggerimento per risolvere questa situazione.

grazie mille