手动触发HTML 5 datepicker

时间:2014-10-15 22:08:17

标签: javascript android html5 cordova

我正在制作一个主要针对Android平台的PhoneGap应用程序,我一直在替换各种表单元素的一些默认行为,因为我正在使用触摸事件,我已设法重新初始化一些默认行为,如下所示:

function addSlideToRemove(element) {
    element.addEventListener('touchstart', function(e) {
        e.preventDefault();
        var touchobj = e.changedTouches[0];
        window.touchStartX = parseInt(touchobj.clientX);
        hoveredElement = document.elementFromPoint(touchobj.clientX, touchobj.clientY);

        function toggleCheckbox(element) {
            if (element.checked == true) {
                element.checked = false;
            } else {
                element.checked = true;
            }
        }

        switch (hoveredElement.tagName) {

        case 'INPUT':
            if (hoveredElement.getAttribute('type') == 'checkbox') {
                toggleCheckbox(hoveredElement);
            } else {
                hoveredElement.focus();
            }
            break;

        case 'LABEL':
            labelFor = hoveredElement.getAttribute('for');
            toggleCheckbox(document.getElementById(labelFor));
            break;

        }
    }, false);
}

所以,现在我已经得到了他们或他们相应的标签被触摸时获得焦点的字段,但是我遇到了日期字段的问题。他们获得了焦点,但我不知道使用JavaScript切换<input type="date" />日期填充的方法。

我不想依赖第三方JavaScript库或插件来获取单个日期选择器,因为本机安卓程序是我计划使用的那个,而我正在尝试保留尽可能多的Android用户经验。

0 个答案:

没有答案