2013-12-01 2 views
-3

Я пытаюсь получить значение datebox в JQuery Mobile, но это всегда определено:значение datebox JQuery Mobile неопределенными

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Title</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" /> 
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> 
    </head> 
    <body> 
    <div data-role="page" id="pageone"> 
     <div data-role="header"> 
     <h1>Header</h1> 
     </div> <!-- /header --> 

     <div data-role="content"> 
     <label for="input_date">Date</label> 
     <input type="date" name="input_date" id="intput_date" data-role="datebox"> 
     <a href="#" id="input_update" data-role="button" data-theme="a" data-inline="true">Update</a> 
     <div id="output_pageone"></div> 
     </div> <!-- /content --> 

     <script type="text/javascript"> 
     $(document).on('vclick', '#input_update', function() { 
      var test = $('#input_date').val(); 
      $('#output_pageone').html('result: ' + test); 
     }); 
     </script> <!-- /script --> 
    </div> <!-- /page --> 
    </body> 
</html> 

Но испытание всегда не определено.

Я поставил ползунок на странице и используется

test = $('#input_slider').val(); 

, которая возвращает значение ползунка, но я не могу понять, почему я не могу получить дату ...

ответ

0

Попробуйте с идентификатором элемента.

$('#intput_date').val(); 
+0

Показаны мои гения еще раз ... Спасибо – skeniver

1

У вас неправильный идентификатор.

Ваш вход имеет идентификатор: #intput_date

И ваш браузер пытается получить доступ: #input_slider

Это работает, если используется правильный идентификатор: http://jsfiddle.net/Gajotres/W8dfx/

$(document).on('vclick', '#input_update', function() { 
    var test = $('#intput_date').val(); 
    $('#output_pageone').html('result: ' + test); 
}); 
Смежные вопросы