2016-07-19 2 views
0

Ich versuche wie shieldui picker verwenden dieseshieldui picker Formatierung

<input id="datepicker"/> 
jQuery(function ($) { 
     $("#datepicker").shieldDatePicker(); 
    }); 

auch hinzufügen i Links

<script src="https://www.shieldui.com/shared/components/latest/js/jquery-1.11.1.min.js"></script> 
    <script src="https://www.shieldui.com/shared/components/latest/js/shieldui-all.min.js"></script> 
<link id="themecss" rel="stylesheet" href="https://www.shieldui.com/shared/components/latest/css/light/all.min.css" /> 

aber picker wird nicht angezeigt wie erwartet Ich versuche, dieses Referenz Link reference link

js fiddle

+0

Es funktioniert für mich. Vermisst du die Stile? Wenn ja, ich habe es gerade in die Ressourcen hinzugefügt (wie es in jsfiddle sein sollte) – jPO

+0

nein ...... ich denke –

Antwort

2
<!DOCTYPE html> 
<html> 
<head> 
<script src="https://code.jquery.com/jquery-1.11.3.js"></script> 
<meta charset="utf-8"> 
<title>JS Bin</title> 

<link id="themecss" rel="stylesheet" type="text/css" href="//www.shieldui.com/shared/components/latest/css/light/all.min.css" /> 
<script type="text/javascript" src="//www.shieldui.com/shared/components/latest/js/jquery-1.10.2.min.js"></script> 
<script type="text/javascript" src="//www.shieldui.com/shared/components/latest/js/shieldui-all.min.js">  </script> 
</head> 
<body> 
<input id="picker" ></input> 

<script type="text/javascript"> 
    $(function() { 
    $("#picker").shieldDatePicker({ 
     events: { 
      change: function(e) { 
       var date = new Date(e.target.value()); 
       var day = date.getDate(); 
       var monthIndex = date.getMonth(); 
       var year = date.getFullYear(); 

       alert("The Date is :" + day + "/" + monthIndex + "/" + year); 
      } 
     } 
    }); 
}); 

$("#picker").swidget().value(); // return null 

$("#picker").swidget().value(new Date) // select the current date 

$("#picker").swidget().value(); // return current selected date 

</script> 
</body> 
</html> 

Klicken Sie auf das Symbol für die Datumsauswahl.

Go to file and click download.

+0

überprüfen Sie diese https://jsfiddle.net/gjm44975/2/ datepicker ist Display, aber ohne Formatierung –

+0

Was? Formatierung? Bitte beschreibe mehr. https://jsbin.com/lihovelexi/3/edit?html,output – Ranjan

+0

bedeutet, dass blaue Farbe und andere Art, die im Kalender ist nicht gelten, wenn ich versuche –