bootstrap datepicker не работает в textarea

Я пытаюсь реализовать загрузку даты и времени в своем веб-приложении, используя это http://tarruda.github.io/bootstrap-datetimepicker/. У меня есть textArea, который принимает только 160 символов. Я использую этот способbootstrap datepicker не работает в textarea

<div id="datetimepicker" class="input-append date"> 
    <!-- <input type="password"></input>--> 
<textarea name="hi" ></textarea> 
     <span class="add-on"> 
     <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i> 
     </span> 
    </div>

Даже если вы выберите дату и время, то его не отраженную в текстовом поле, хотя он работает, если тип входной text.Please скажи мне, что нужно изменить. это является JS

<script type="text/javascript"> 
     $('#datetimepicker').datetimepicker({ 
     format: 'dd/MM/yyyy hh:mm:ss', 
     language: 'eng' 
     }); 
    </script>

источник

2013-10-24 SpringLearner

Я не думаю, что он поддерживает текстовые области. Вам нужен ввод текста, как это:

<input data-format="dd/MM/yyyy hh:mm:ss" type="text"></input>

источник

2013-10-24 10:05:15

у меня есть текстовое поле, потому что пользователь должен ввести текст большого объема около 160 characters.If я сделать это с типом ввода = текст, то он не будет хорошо выглядеть – SpringLearner

Да, вы не увеличиваете поле ввода, так что это будет победа победы для всех. –

@javaBeginner - не ваши пользователи просто вводят дату? –

Что-то я просто made.Both автозаполнения и Datepicker

<html lang="en"> 
<head> 
<title></title> 
<style> 
#datepicker { 
display: inline-block; 
width: 35px; 
height: 34px; 
position: relative; 
left: -5px; 
top: -189px; 

    background:url("date.png") no-repeat scroll right center transparent; 
} 
</style> 
    <meta charset="utf-8" /> 

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css" /> 
    <script> 
    $(function() { 
    var availableTags = [ 
     "ActionScript", 
     "AppleScript", 
     "Asp", 
     "BASIC", 
     "C", 
     "C++", 
     "Clojure", 
     "COBOL", 
     "ColdFusion", 
     "Erlang", 
     "Fortran", 
     "Groovy", 
     "Haskell", 
     "Java", 
     "JavaScript", 
     "Lisp", 
     "Perl", 
     "PHP", 
     "Python", 
     "Ruby", 
     "Scala", 
     "Scheme" 
    ]; 
    function split(val) { 
     return val.split(/,\s*/); 
    } 
    function extractLast(term) { 
     return split(term).pop(); 
    } 

    $("#tags") 
     // don't navigate away from the field on tab when selecting an item 
     .bind("keydown", function(event) { 
     if (event.keyCode === $.ui.keyCode.TAB && 
      $(this).data("ui-autocomplete").menu.active) { 
      event.preventDefault(); 
     } 
     }) 
     .autocomplete({ 
     minLength: 0, 
     source: function(request, response) { 
      // delegate back to autocomplete, but extract the last term 
      response($.ui.autocomplete.filter(
      availableTags, extractLast(request.term))); 
     }, 
     focus: function() { 
      // prevent value inserted on focus 
      return false; 
     }, 
     select: function(event, ui) { 
      var terms = split(this.value); 
      // remove the current input 
      terms.pop(); 
      // add the selected item 
      terms.push(ui.item.value); 
      // add placeholder to get the comma-and-space at the end 
      terms.push(""); 
      this.value = terms.join(", "); 
      return false; 
     } 
     }); 

    $("#datepicker").datepicker({ altField: '#dtext',onSelect: function() { $("#datepicker").val(""); $("#dtext").change(); } 

    }); 
    $('#dtext').change(function(){ 


    $(".darea").val($(".darea").val()+$("#dtext").val()); 
    }); 
}); 

    </script> 
</head> 
<body> 
<div class="ui-widget"> 


    <textarea rows="9" cols="50" class="darea" id="tags"></textarea> 
<input id="datepicker"></input> 
<input type="text" id="dtext" style="display:none"/> 
</div> 



</body> 
</html>

источник

2013-10-24 10:08:57

в ссылке сказано, что она поддерживает в div, в моем случае ее div слишком – SpringLearner

Но вы отражаете это в текстовой области? –

Итак, вы говорите, что мне нужно сделать textarea для ввода type = text – SpringLearner

DatePicker просто не поддерживается с элементом, в частности, он поддерживается пролет/DIV/вход

перейти по этой ссылке: why jquery datepicker doesn't work on textarea but only on input

источник

2013-10-24 10:16:58 ColoO

bootstrap datepicker не работает в textarea

ответ

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