sinchang sinchang - 1 year ago 138
HTML Question

how to set placeholder default display in bootstrap-daterangepicker


<input type="text" name="form" placeholder="Check In">


singleDatePicker: true,
showDropdowns: true,

I want to look like this.


bootstrap-daterangepicker official website´╝Ü

Answer Source

UPDATE: You can do a work-around using this:

    singleDatePicker: true,
  showDropdowns: true,

$('input[name="from"]').val('Check In');
<script src=""></script>
<script src="" type="text/javascript"></script>
<script type="text/javascript" src="//"></script>
<script type="text/javascript" src="//"></script>
<link rel="stylesheet" type="text/css" href="//" />

<link href="" media="screen" rel="stylesheet" type="text/css">
<input type="text" name="from" placeholder="Check In" class="form-control">

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download