版权声明:有用请收藏,转载请注明出处!不做伸手党,谢谢! https://blog.csdn.net/qq_42221334/article/details/89186874
html
<el-form-item label="最晚到货时间" prop="project_time2" size="small" style="width: 618px">
<el-date-picker
v-model="ruleForm.project_time2"
type="datetime"
:picker-options="pickerOptions0"
placeholder="选择日期时间"
style="width:320px">
</el-date-picker>
</el-form-item>
<el-form-item label="发布时间:" required >
<el-col :span="11">
<el-form-item prop="project_time1" style="width: 488px">
<el-date-picker
type="datetime"
:picker-options="pickerOptions0"
placeholder="选择日期时间"
v-model="ruleForm.project_time1"
style="width: 318px;"
size="small"></el-date-picker>
<div class="annotation1">到了该时间后才会展示平台</div>
</el-form-item>
</el-col>
</el-form-item>
<el-form-item label="截至申请时间:" required>
<el-col :span="11">
<el-form-item prop="project_time3" style="width: 488px">
<div style="position: relative">
<el-date-picker
type="datetime"
:picker-options="pickerOptions0"
placeholder="选择日期时间"
v-model="ruleForm.project_time3"
style="width: 318px;"
size="small"></el-date-picker>
</div>
<div class="annotation2">到了该时间后养户将不能再报名计划</div>
</el-form-item>
</el-col>
</el-form-item>
data() {
return {
//限制今天之前的不能选择
pickerOptions0: {
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7;
}
},
ruleForm: {
project_time2:"", //最晚到货时间
project_time1:"",//发布时间
project_time3:"",//截止时间
project_desc:"",//备注
},
methods: {
//获取的时间对象转字符串
Transformation(times){
var time=times;
var time1 = time.getTime();
var date = new Date(time1),
Y = date.getFullYear() + '-',
M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-',
D = date.getDate() + ' ',
h = date.getHours() + ':',
m = date.getMinutes() + ':',
s = date.getSeconds();
var current=Y+M+D+h+m+s
return current
},
// 点击发布
submitForm(ruleForm) {
this.ruleForm.project_time2=this.Transformation(this.ruleForm.project_time2)
this.ruleForm.project_time1=this.Transformation(this.ruleForm.project_time1)
this.ruleForm.project_time3=this.Transformation(this.ruleForm.project_time3)
.....
....//下面就开始调用接口