Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta name="description" content="DatePicker OnChange" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
  
  <link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.0.2/css/bootstrap-datepicker.min.css" type="text/css"/>
  <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.0.2/js/bootstrap-datepicker.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.0.0/moment.min.js"></script>
  
<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.3/handlebars.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ember.js/1.0.0-rc.1/ember.js"></script>
<meta charset=utf-8 />
  
<title>JS Bin</title>
</head>
<body>
  
<script type="text/x-handlebars">
    <h5>App</h5>
    {{view App.DatePickerField  valueBinding='controller.sched_date'}}
    {{outlet}}
    <hr/>
    <h4>
      Date Output: {{sched_date}}
    </h4>
    <hr/>
    Note - the compressed text-input is due to a boostrap css setting and should be overridden in a live environment.
</script>
  
  <script type="text/x-handlebars" data-template-name="datepicker" >
  <div class="input-append date datepicker" data-date-format="yyyy-mm-dd">
    {{!log view.date_string}}
      <input size="16" type="text" readonly><span class="add-on"><i class="icon-th"></i></span>
  </div>
  </script>
 
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
nrionfxpro
0viewers