2015-04-23 4 views
0

Привет, я не могу получить этот параметр даты, чтобы работать? может кто-то помочь мне заставить его работать, он доцент делает что-нибудь, когда я нажимаю на него!Datepicker problem

И именно с этого сайта я пытаюсь привести их пример.

Ссылка: http://jsfiddle.net/jasenhk/4g9u5/

ГОЛОВА:

<head> 

<!--Bootstrap stylesheet--> 
<link rel="stylesheet" href="css/bootstrap.min.css"> 

<!--Bootstrap scripts--> 
<script src="js/bootstrap.min.js" type="text/javascript"></script> 



<!--Custom stylesheets--> 
<link rel="stylesheet" type="text/css" href="css/style.css"> 

<!--Custom scripts--> 
<script src="http://code.jquery.com/jquery-latest.min.js"</script> 

<script> 
$(document).ready(function() { 
    $(".date-picker").datepicker(); 

    $(".date-picker").on("change", function() { 
     var id = $(this).attr("id"); 
     var val = $("label[for='" + id + "']").text(); 
     $("#msg").text(val + " changed"); 
    }); 
}); 
</script> 
</head> 

ТЕЛО:

<div class="controls"> 
    <div class="input-group"> 
    <label for="date-picker-3" class="input-group-addon btn"> 
     <span class="glyphicon glyphicon-calendar"></span> 
    </label> 
    <input id="date-picker-3" type="text" class="date-picker form-control 
hasDatepicker"> 
    </div> 
</div> 
+0

Работы отлично для меня. О, ты имеешь в виду, что не можешь заставить его работать на вашем сайте? Я собираюсь предположить, что вы не включили jQuery или другую библиотеку. – Ruddy

+0

В чем проблема? Любые ошибки в консоли? – Tushar

+0

Включите jQuery перед загрузкой. И включите файл jQuery UI слишком –

ответ

2

Вы должны удалить hasDatepicker класс от вашего входа. Кроме того, ваш HTML неверен:

<input id="date-picker-3" type="text" class="date-picker form-control" /> 

И ваш JQuery скрипт тег также неверен:

<!--Custom scripts--> 
<script src="http://code.jquery.com/jquery-latest.min.js"></script> 

И вы пропустили JQuery UI:

<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 

Вот является jsfiddle рабочий пример: http://jsfiddle.net/054xstp5/15/