HTML与momentjs开发问题：通过内联CSS为日期选择器元素添加间距

方案1：给第二个输入框加左外边距（最简便） #

直接在原代码中给id为end的input添加内联style属性，设置左外边距即可：

<div>
    <input type="text" id="start" name="start" data-bind="datepicker: DateTimeFilterFrom,event: { change: applyChangeDate } " />
    <input type="text" id="end" name="end" data-bind="datepicker: DateTimeFilterTo,event: { change: applyChangeDate } " style="margin-left: 8px;"/>
</div>

说明：渲染后第二个输入框会紧跟在第一个日期图标后面，margin-left 刚好作用在两者的间隙上，数值可根据你需要的间距大小自行调整（比如6px、10px均可）。

方案2：给第一个日期触发图标加右外边距 #

如果不想修改输入框的样式，也可以在初始化datepicker时通过回调给自动生成的图标加内联样式：

// 仅需给start对应的datepicker添加配置
$("#start").datepicker({
  // 保留你原有的所有配置项
  beforeShow: function() {
    $(this).next('.ui-datepicker-trigger').css('margin-right', '8px');
  }
})

内容的提问来源于stack exchange，提问作者lonelydev101