Javascript 将外观输入字段更改为datepicker中的按钮

我有输入字段，我想把它改成按钮。让它看起来像 只是切换标记名不起作用。我怎么能做到？ 类MyComponent扩展了React.Component{ componentDidMount（）{ this.initDatepicker（）； } initDatepicker（）{ $（this.refs.datepicker）.datepicker（）； } render（）{ 返回( 选择日期！ ) } } ReactDOM.render( , document.getElementById（'app'） );

---

将输入设置为按钮样式：

演示：：

CSS:

.input {
  background: #216BA5;
  border: 1px solid #216BA5;
  cursor: pointer;
  color: #FFF;
  padding: 5px 10px;
  border-radius: 4px;
  text-align: center

}

HTML

  <input readonly type="text" class="input" value="2017-07-1" />

---

只读

将不需要。

将输入样式设置为按钮：

演示：：

CSS:

.input {
  background: #216BA5;
  border: 1px solid #216BA5;
  cursor: pointer;
  color: #FFF;
  padding: 5px 10px;
  border-radius: 4px;
  text-align: center

}

HTML

  <input readonly type="text" class="input" value="2017-07-1" />

---

readonly

将不需要。

在您的情况下，这可能是一种过度杀伤力，但如果您不是css人员，请像我一样尝试实现类似引导的功能。检查此项，在您的情况下，这可能是一种过度杀伤力，但如果您不是css人员，请像我一样尝试实现类似引导的功能。检查此项