Я создаю DatePicker с помощью 1- самозагрузки Datepicker JS/файлы CSS, чтобы всплывающее DatePicker (localted в веб-каталоге и включенный в файл HTML) 2 GWT для создания текстового поля виджет, где дата должна быть заполненассылка Javascript с GWT виджет
проблема, с которой я столкнулся, что js не может идентифицировать текстовое поле, которое я создаю в GWT, а если я вставляю текстовое поле непосредственно в html-файл, то файл datepicker работает (js работает)
это HTML-файл, который я использую
<html>
<head>
<title>Application</title>
<link rel="stylesheet" href="resources/css/datepicker.css" rel="stylesheet"/>
</head>
<body>
<script type="text/javascript" language="javascript" src="com.myApp.Users/com.myApp.Users.nocache.js"></script>
<h1>Users Application</h1>
</body>
<div id="3b2">
<!-- when adding the below element it is working fine -->
<!--<input type="text" placeholder="flight date" id="airlineCal" class="input-block-level">-->
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="resources/js/bootstrap-datepicker.js"></script>
<script src="resources/js/triphop.js"></script>
<script>
$(document).ready(function() {
$("#airlineCal").datepicker({
format: "dd/mm/yyyy"
});
});
</script>
</html>
и это, как я создаю виджет
final TextBox flightdateTextBox = new TextBox();
flightdateTextBox.getElement().setPropertyString("id", "airlineCal");
RootPanel.get("3b2").add(flightdateTextBox);
в качестве обходного , я вставил входной текст в html и начал его читать в самом модуле gwt с помощью библиотеки DOM (((InputElement) (Element) DOM.getElementById («авиакомпания»)). getValue();) –