android - 移除 readonly 属性并更改类型并在单个事件中关注相同的输入字段

Question

我正在使用 jquery mobile 来让 cordova 应用程序在 android 和 ios 中运行。我有一个要求，我有一个默认值处于只读状态的文本字段。在聚焦文本字段时，我需要删除 value 和 readonly 属性并将类型更改为 datetime-local 并聚焦。

所有这些都应该在一次触摸事件中发生。现在专注于只读，输入字段的值和类型发生变化。但没有得到关注，因此必须再次单击以查看 android 和 ios 设备中的日期时间选择器。我找不到问题。

我的代码是这样的。

HTML:

<input type="text" readonly data-clear-btn="false" id="instantTime"  value="Right Now" >

JS:

$('#instantTime').off("focus").on("focus", function(e) {
        e.preventDefault();
        if($(this).prop("type") == "text"){
            $(this).removeAttr('readonly').val('');
            $(this).prop("type", 'datetime-local').select();
        }
    });
$('#instantTime').off("blur").on("blur", function(e) {
    e.preventDefault();
    if($(this).val().trim() == ""){
        $(this).prop("type",'text').val("Right Now").attr('readonly', true).blur();
    }else{
        $(this).prop("type",'datetime-local').blur();
    }
});

提前致谢。

Answer 1

我不能说安卓。但以下是 HTML 的等价物:

将以下代码放入$(document).ready(function(){}):

$("#instantTime").click(function() {
    $(this).prop("readonly",false);
    $(this).prop("type","datetime-local");
    $(this).focus();
});