Question

我有一个带有以下指令的角度应用程序：

'use strict';

/**
 * Simple date picker
 */
angular.module('twicketsApp').directive('twicketsDatePickerSimple', [function() {
    return {
        restrict: 'A',
        require: 'ngModel',
        link: function(scope, element, attrs, ngModel) {

            function initDatepicker() {
                element.click(function() {console.log('datepicker clicked');});
                element.datepicker({
                    dateFormat: 'yy-mm-dd',
                    changeMonth: false,
                    changeYear: false,
                    minDate: scope.futureOnly ? 0 : null,
                    maxDate: scope.futureOnly ? 365 : null,
                    onSelect: function (date) {
                        ngModel.$setViewValue(date); // update date value back to the model
                    },
                    beforeShow: function(input, inst) {
                        inst.dpDiv.addClass('simple-date-panel');
                    }
                });
            }

            attrs.$observe('futureOnly', function (value) {
                scope.futureOnly = value === 'true' ? true : false; // attrs come in as a string
                initDatepicker();
            });

        }
    };
}]);

如您所见，此元素上有一个单击处理程序和一个日期选择器（单击处理程序仅用于调试）。

当我轻微触摸任何iOS中的safari中的元素时，点击处理程序会触发 - 但是日期选择器不会打开。但是如果我更加努力地按下，则日期选择器会打开（这不是长按，因为长按不会触发点击处理程序或打开日期选择器）。

绝对不知道为什么会这样。有什么想法吗？

我的项目使用fastclick，可能会产生影响。

Answer 1

修正了以下肮脏的黑客，认为我可以这样做，但希望有更好的解决方案。

           ...

 function initDatepicker() {
    element.click(function() {element.datepicker( "show" );});
    element.datepicker({

           ...

Answer 2

对于移动和可触摸的设备或屏幕，Jquery UI Datepicker初始化datepicker组件，但从不触发“show”方法。然后你可以使用这样的东西：

$(".datepicker").datepicker();

$(".datepicker").on("click", function () {
    $(this).datepicker("show");
});

在iOS上使用jquery ui datepicker进行奇怪的触摸/点击行为

2 个答案: