title: How can I default to placeholder for date picker?
body: <p>Here's the code for my date picker: </p>
  
  <pre><code>&lt;div class="editor-field"&gt;
                      @(Html.Kendo().DatePickerFor(model =&gt; model.Date)
                          .HtmlAttributes(ViewBag.Disabled ? (object)new { @class = "formDatePicker", disabled = "disabled", @id = "Date", style = "width:150px", placeholder = "Select Date" } : new { @class = "formDatePicker", @id = "Date", style = "width:150px", placeholder = "Select Date" })
                          .Events(e =&gt; e.Open(@&lt;text&gt;function(e){BrowserCompatibility.DisableDatePickerYearsOnSomeBrowsers(e);}&lt;/text&gt;))
                          .Format(@HCulture.GetShortDateFormat())
                          .Events(e =&gt; e.Change(@&lt;text&gt;function(e){
                              $("#DateString").val($('#Date').val());
                              checkInputValid();
                              }&lt;/text&gt;))
                      )
                  &lt;/div&gt;
  </code></pre>
  
  <p>I tried this solution but it did not work: </p>
  
  <pre><code> var datePicker = $("#Date").data('kendoDatePicker');
   datePicker.input.val(input.attr('placeholder'));
  </code></pre>