我正在使用谷歌地图 api。我正在尝试为输入框实现自动完成地址功能。但问题出在页面上似乎一切正常,但在模态弹出窗口中同样不起作用。
这是html
<div class="col-xs-5 col-sm-2 col-md-2">
<a href="javascript:void(0)" data-ng-click="addlocationpopup()">+New
Location</a>
</div> <!--button which calls popup -->
Run Code Online (Sandbox Code Playgroud)
这是模态弹出窗口
<div class="modal right fade addlocation" id="myModal_5" tabindex="-1"
role="dialog" aria-labelledby="myModalLabel2" data-keyboard="false">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel1">ENTER LOCATION
DETAILS</h4>
</div>
<form name="locationForm" novalidate="novalidate" method="post">
<div class="modal-body">
<div class="row">
<div>
<input id="autocomplete" placeholder="Enter your address"
onFocus="geolocate()" type="text"></input>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<script
src="https://maps.googleapis.com/maps/api/js?
key=mykey&libraries=places&callback=initAutocomplete" async defer>
</script>
<script>
var placeSearch, autocomplete;
var componentForm = {
street_number: 'short_name', …Run Code Online (Sandbox Code Playgroud) 我正在尝试比较两个日期事件日期和当前日期。我的 HTML 页面中有两个部门。一个是过去的事件,其中超过当前日期的事件日期将自动放入过去的事件 div。另一个部门是即将发生的事件其中事件日期大于当前日期。我使用的条件是
<data-ng-if="(event.eventDate | date:'yyyy-dd-MM HH:mm:ss')>
(todayDate | date:'yyyy-dd-MM HH:mm:ss')">
Run Code Online (Sandbox Code Playgroud)
如果为真,则添加的事件将被放入即将发生的事件 div 部分。否则,
<data-ng-if="(event.eventDate | date:'yyyy-dd-MM HH:mm:ss')<
(todayDate | date:'yyyy-dd-MM HH:mm:ss')">
Run Code Online (Sandbox Code Playgroud)
然后添加的事件将被放置到过去的事件部分。在 Controller.js 中,我正在编写函数
$scope.init = function() {
$scope.todayDate = new Date();
}
Run Code Online (Sandbox Code Playgroud)
但现在它只比较当天。例如,如果今天的日期是 2017-07-27,如果我在添加事件时输入 2017-06-30 那么它应该转到过去的事件部分,但它正在添加到即将发生的事件部分只是因为它只比较示例中的 30 和 27 天。如果假设今天的日期是 2017-07-27 并且如果我将事件日期添加为 2017-08-20 那么它应该放在即将发生的事件中,但它被添加到过去的部分。谁能告诉我如何使用 yyyy-MM-dd HH:MM:SS 格式来实现这一点?它还必须比较时间。