小编Sac*_* HR的帖子

谷歌地图自动完成在模态弹出窗口中不起作用

我正在使用谷歌地图 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 javascript google-maps angularjs

4
推荐指数
2
解决办法
4045
查看次数

Angularjs ng-if 中的日期比较

我正在尝试比较两个日期事件日期和当前日期。我的 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 格式来实现这一点?它还必须比较时间。

angularjs

1
推荐指数
1
解决办法
7002
查看次数

标签 统计

angularjs ×2

google-maps ×1

html ×1

javascript ×1