小程序表单中日期选择器可以限制日期吗?

小程序表单中日期选择器可以限制日期吗?,第1张

不是start、end属性,而是min、max属性。如下:

<input type="date" id="time"/>

<script type="text/兄野嫌javascript">

//今天的时间

var day = new Date()

day.setTime(day.getTime())

var time = day.getFullYear()+"-" + ('0'+ (day.getMonth() + 1)).slice(-2) + "-" + ('羡手0' + day.getDate()).slice(-2)

//昨天的时间

var day1 = new Date()

day1.setTime(day1.getTime() -24 * 60 * 60 * 1000)

var min = day1.getFullYear()+"-" + ('0'+ (day1.getMonth() + 1)).slice(-2) + "-" + ('0' + day1.getDate()).slice(-2)

//明天的时间

var day2 = new Date()

day2.setTime(day2.getTime() + 24 * 60 * 60 * 1000)

var max = day2.getFullYear()+"-" + ('0'+ (day2.getMonth() + 1)).slice(-2) + "-" + ('0' + day2.getDate()).slice(-2)

//默认时间为今天

document.getElementById('time').value = time

//限制不能选择昨天之前的日期(加上属性min)

document.getElementById('time').setAttribute('min', min)

//脊凳限制不能选择明天之后的日期(加上属性max)

document.getElementById('time').setAttribute('max', max)

</script>

选择日期和时间,直接使用小程序的默认组件picker,就可以解决了。

在组件picker选择日期:将mode设置为date,选择事件:将mode设置为time即可。

家园联系栏是家园共育的重要窗口,是猛则知家长和幼儿园联系的一枝消个纽带。在幼儿园里各班都会开辟一块盯缓家园联系栏,用于家长及时把握幼儿园或班级的教育情况,也有利于老师更好地完成家长工作。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12567611.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存