2016-07-19 3 views
0

Я пытаюсь использовать shieldui DatePicker как этотshieldui DatePicker форматирования

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

также я добавить ссылки

<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" /> 

но DatePicker не показывать, как ожидалось, я стараюсь эту ссылку ссылку reference link

js fiddle

+0

Это работает для меня. Вы скучаете по стилям? Если так, я просто добавил его в ресурсы (как и должно быть в jsfiddle) – jPO

+0

нет ...... я думаю –

ответ

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> 

Нажмите на значок выбора даты.

Go to file and click download.

+0

проверить это https://jsfiddle.net/gjm44975/2/ datepicker отображается, но без форматирования –

+0

Что форматирование? пожалуйста, опишите больше. https://jsbin.com/lihovelexi/3/edit?html,output – Ranjan

+0

означает, что синий цвет и другой стиль, который находится в календаре, не применяются, когда я пытаюсь выполнить –

Смежные вопросы