Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<link href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
<link href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
<link href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1315/js/kendo.all.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body> 
  <div id="MyForm">
  </div><br>
  <input id="datetimepicker" type="Date" name="datetimepicker" required="true" required validationMessage="Please enter your date." style="height:22px;" requried field/><br><br/><br/>
  
  <span class="k-invalid-msg" data-for="datetimevalid"></span>
   <input id="datetimepicker1" type="Date" name="datetimepicker1" required="true" required validationMessage="Please enter your date." style="height:22px;" requried field/>
  
  <span class="k-invalid-msg" data-for="datetimevalid"></span>
​
  
<ul>
  <li  class="accept">
  <button class="k-button" type="submit" onclick="r()" >Submit</button>
    <input type="button" id="clear" value="Reset" style="font-size: 13px;"/>
                </li>
  <li class="status">
                </li>
  </ul>
​
​
</body>
</html>
 
    span.k-tooltip
    {
        position: absolute;
        top: 24px;
        left: 20px;
  float:left;
 z-index:0;
    }
#clear
{
  height:30;
}
 
$("#datetimepicker").kendoDatePicker({
});
     $("#datetimepicker").kendoValidator({
       rules: {
         custom: function(input ){
          
         }
       }
     });
$("#datetimepicker1").kendoDatePicker({
});
     $("#datetimepicker").kendoValidator({
       rules: {
         custom: function(input ){
          
         }
       }
       
     });
​
​
function r(){
  
 var validator1 =   $("#datetimepicker").kendoValidator().data("kendoValidator");
  if (validator1.validate()&&validator.validate()){}
 var validator =
 $("#datetimepicker1").kendoValidator().data("kendoValidator");
  if (validator.validate()&&validator.validate()){}
  
            }
$("#clear").click(function(){
 $("#datetimepicker").find("span.k-tooltip").hide();
​
 $("#datetimepicker1").find("span.k-tooltip").hide();
                            
                            
      });
Output 300px

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

Dismiss x
public
Bin info
anonymouspro
0viewers