el-form-item 如何设置开始时间和结束时间选择框
时间: 2023-10-27 12:15:59 浏览: 111
选择开始时间和结束时间
对于el-form-item中的开始时间和结束时间的选择框,您可以使用el-date-picker组件。您需要在el-form-item中包含两个el-date-picker组件,一个用于开始时间,另一个用于结束时间。您可以使用属性picker-options来设置选择器的选项,例如选择日期的格式,以及时间戳的类型。以下是一些示例代码,您可以参考:
```html
<el-form-item label="开始时间">
<el-date-picker type="datetime" v-model="startTime" :picker-options="{format: 'yyyy-MM-dd HH:mm:ss', valueFormat: 'timestamp'}"></el-date-picker>
</el-form-item>
<el-form-item label="结束时间">
<el-date-picker type="datetime" v-model="endTime" :picker-options="{format: 'yyyy-MM-dd HH:mm:ss', valueFormat: 'timestamp'}"></el-date-picker>
</el-form-item>
```
在上述代码中,我们使用type属性来设置el-date-picker组件为日期时间选择器。我们还使用picker-options属性来设置日期时间选择器的选项。格式属性指定日期选择器的显示格式。valueFormat指定日期选择器返回时间戳的类型。 startTime和 endTime是用于绑定输入值的data属性。
阅读全文