title: Bootstrap Datepicker Year Only Not Binding
body: <p>In my MVC project I have a nullable <code>Datetime</code> property in my model named <code>ReplacementDate</code>.</p>
  
  <p>In my view I have a Bootstrap date picker (version 2.0) that is initialised using the following code:</p>
  
  <pre><code>$('.input-group.decade').datepicker({
              format: "yyyy",
              viewMode: "years",
              minViewMode: "years",
              keyboardNavigation: false,
              forceParse: false,
              autoclose: true,
              showOnFocus: false
  });
  </code></pre>
  
  <p>The datepicker renders correctly on screen and I can only select a year value from the calendar. But when I post the form data the <code>ReplacementDate</code> property does not have a value. I have tried setting the format to " yyyy" and "yyyy" and even "YYYY" but nothing seems to allow the binding to happen.</p>
  
  <p>The weird this is I have another datepicker on the same page that allows the user to select a month and year and it binds correctly on submission to a different nullable date property. The code for this is as follows:</p>
  
  <pre><code>$('.input-group.month').datepicker({
              format: "mm/yyyy",
              viewMode: "months",
              minViewMode: "months",
              keyboardNavigation: false,
              forceParse: false,
              autoclose: true,
              showOnFocus: false
  });
  </code></pre>
  
  <p>What am I doing wrong to stop the <code>ReplacementDate</code> value from binding correctly? Do I have to make the <code>ReplacementDate</code> a nullable int or something?</p>