用picker-view来实现预约日期的功能,不能选当前日期之前的日期
本人是前端小白,项目接到一个新的需求,之前用两个picker去做的预约功能,一个picker用来选择时间,一个picker用来选择上下午。但是这样用户操作很繁琐,所以要一并选择日期与上下午。
类似于这样的时间选择器,年份是当年和下一年。
demo在下方,主要是想记录一下方便自己以后查看。
如果有更好的方法,欢迎留言讨论
直接上代码
<view>
<view>{
{year}}-{
{month}}-{
{day}} {
{meridiem}}</view>
<view class="appointmentTime">
<view class="btnTable">
<view class="cancelTime">取消</view>
<view class="confirmTime">确定</view>
</view>
<picker-view indicator-style="height: 50px;" style="width: 100%; height: 300px;" value="{
{value}}" bindchange="bindChange">
<picker-view-column>
<view wx:for="{
{years}}" wx:key="{
{index}}" style="line-height: 50px">{
{item}}年</view>
</picker-view-column>
<picker-view-column>
<view wx:for="{
{months}}" wx:key="{
{index}}" style="line-height: 50px">{
{item}}月</view>
</picker-view-column>
<picker-view-column>
<view wx:for="{
{days}}" wx:key="{
{index}}" style="line-height: 50px">{
{item}}日</view>
</picker-view-column>
<picker-view-column>
<view wx:for="{
{meridiems}}" wx:key="{
{index}}" style="line-height: 50px">{
{item}}</view>
</picker-view-colum