Empty

by stevescotthome

HTML

<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<div class="sfFieldWrp">
    <div class="sfKendoDatePicker">
        <input type="text" required="" class="picker k-invalid" id="contentPlaceHolder_C004_ctl00_ctl00_C108_ctl00_TextBox1" name="ctl00$contentPlaceHolder$C004$ctl00$ctl00$C108$ctl00$TextBox1">
        
        <span class="k-widget k-tooltip k-tooltip-validation k-invalid-msg" data-for="ctl00$contentPlaceHolder$C004$ctl00$ctl00$C108$ctl00$TextBox1"><span class="k-icon k-warning"> </span> Text is required</span>
        

        <input type="hidden" id="contentPlaceHolder_C004_ctl00_ctl00_C108_ctl00_clientStateHiddenField" name="ctl00$contentPlaceHolder$C004$ctl00$ctl00$C108$ctl00$clientStateHiddenField">
    </div>

</div>

<input id="clickMe" type="button" value="click" />

JavaScript

$(document).ready(function(){
    var picker = $(this).find(".picker");
        picker.kendoDatePicker({
            format: "dddd MMM dd, yyyy"
        }).data("kendoDatePicker").value(new Date());
    
      var validatable = $(".sfFieldWrp").kendoValidator().data("kendoValidator");
    $("#clickMe").click(function(){
        if (validatable.validate()) {
            console.log("passed");
         }
    });
  });