单击输入类型=日期时,将2步减少到1步

Question

所以我input type="date"在cordova类型的移动应用程序中使用.出于某种原因,placeholder如果输入类型是日期,则不会显示.因此,当出现点击的日历时,会出现类似于空的按钮.所以我试图跟随一个input type="text"有placeholder" 下一个行动日期 " 的黑客.而onfocus我改变的类型date.而onblur我变回type="text"并进行placeholder一次.所以这个过程部分地解决了我正在努力解决的问题.哪个使白色按钮的东西消失了.但在我目前的代码中,我必须遵循两个步骤

1. 首先是单击占位符,然后onfocus将被触发并使白色物体出现
2. 其次,我必须点击白色的东西才能显示日历

我不希望第二步出现.这是我的代码

<ElementsBasket name='nextActionDate' 
    data={this.props.newLead.get('actions').get('nextActionDate')}>
        <div className="form-group">
         <input type="text" className="form-control" onFocus={this._onFocus} onBlur={this._onBlur} placeholder="Next Action Date"        
                       value={this.props.newLead.get('actions').get('nextActionDate')}
                       onChange={onFieldChanged.bind(this, 'actions.nextActionDate')}
                       />       
        </div>
</ElementsBasket>



_onFocus: function(e){
       e.currentTarget.type = "date";
    },


    _onBlur:function(e){
      e.currentTarget.type="text"
      e.currentTarget.placeholder = "Next Action Date";
    },

我也尝试了onclick,这也采取了两个步骤.我已经关注此链接 未显示输入类型="日期"字段的占位符

PS:白色的东西是没有文字的按钮,点击后会给出一个日历

Answer 1

您可以尝试触发焦点或单击事件：

_onFocus: function() {
     e.currentTarget.type = "date";
     e.currentTarget.focus(); // or .click();
}