2013-06-07 3 views
0

Я пытаюсь реализовать чек в контроле выбора даты, также я не очень хорошо разбираюсь в JQuery У меня возникли проблемы с запуском. Я также проверил, загружается ли jquery, и может ли кто-нибудь помочь мне в том, что я делаю неправильно.Bootstrap JQuery Timepicker

$(document).ready(function() { 

     var nowTemp = new Date(); 
     var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0); 

     var checkin = $('#dpd1').datepicker({ 
      onRender: function(date) { 
      return date.valueOf() < now.valueOf() ? 'disabled' : ''; 
      } 
     }).on('changeDate', function(ev) { 
      if (ev.date.valueOf() > checkout.date.valueOf()) { 
      var newDate = new Date(ev.date) 
      newDate.setDate(newDate.getDate() + 1); 
      checkout.setValue(newDate); 
      } 
      checkin.hide(); 
      $('#dpd2')[0].focus(); 
     }).data('datepicker'); 
     var checkout = $('#dpd2').datepicker({ 
      onRender: function(date) { 
      return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : ''; 
      } 
     }).on('changeDate', function(ev) { 
      checkout.hide(); 
     }).data('datepicker'); 


     }); 



     </script> 
     </head> 
     <body onload> 
     <div class="well" id="div1"> 
       <table class="table"> 
       <thead> 
        <tr> 
        <th>Check in: <input type="text" class="span2" value="" id="dpd1"></th> 
        <th>Check out: <input type="text" class="span2" value="" id="dpd2"></th> 
+1

Пожалуйста, добавьте ваш полный код в jsfiddle .. –

+0

[jsfiddle] (http://jsfiddle.net/iTonzkie/KMRsm/) – Tonzkie

+0

Вы проверили мой ответ ??? рабочий код есть в скрипке. –

ответ

-1

Вы не подключены к файлам plug-in js. он не будет работать без необходимости использования внешних ресурсов.

 <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script> 

    <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap.min.css"> 

    <script type='text/javascript' src="http://www.eyecon.ro/bootstrap-datepicker/js/bootstrap-datepicker.js"></script> 
    <link rel="stylesheet" type="text/css" href="http://www.eyecon.ro/bootstrap-datepicker/css/datepicker.css"> 

Пожалуйста, ознакомьтесь с этим рабочим примером с кодом. Fiddle

Добавить необходимые внешние ресурсы.

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