如何通过前端触发角度元素上的点击事件

Question

我正在使用目前在AngularJS中创建的网站。我 NOT 可以访问代码所在的后端。我需要开发一个脚本，使用CSS，Javascript或JQuery对该页面进行更改。其中一个变化涉及创建一个新元素。一旦用户点击该元素（移动用户将使用touchstart而不是单击），它将需要在页面上的现有元素上触发click事件。

        $('.DatePicker').on('click touchstart touch',function(){
            //on click of element, sim click on the bau date to pop open datepicker
            console.log('datepicker clicked');
            $('input#dateMobile').trigger('touchstart');
        });

这就是我现在拥有的。我可以显示控制台日志，但无论是否使用click，touch，touchstart，touchend，元素上的触发器都不起作用。

这是我尝试触发点击的元素的当前html：

<input type="date" id="dateMobile" class="payment-date__input ng-valid-min ng-valid-max ng-valid-v-date ng-valid-v-date-min ng-valid-v-date-max ng-valid-v-date-format ng-dirty ng-valid-date ng-valid ng-valid-required ng-touched" name="dateMobile" friendly-date="" validate-date-range="" 
    ng-if="isMobile.any" min="2017-02-03" max="2017-04-04" 
    ng-model="dateModelMobile" 
    ng-blur="updateDate('dateModelMobile')" 
    ng-change="updateDate('dateModelMobile')" required="" aria-required="false" aria-invalid="false">