微信小程序如何在原页面上浮弹窗日期选择器

在微信小程序中实现在原页面上浮弹窗日期选择器的方法有很多，以下是一种比较简单的实现方式：

1. 在wxml文件中创建一个隐藏的弹窗，用于显示日期选择器：

<view class="popup" hidden>
  <picker mode="date" bindchange="onDateChange"></picker>
</view>

其中，picker组件的mode为date，用于选择日期，onDateChange是当用户选择日期时触发的事件。

2. 在js文件中创建一个变量，用于存储选择的日期：

Page({
  data: {
    date: ''
  },
  // ...
})

3. 在wxml文件中创建一个按钮，用于触发弹窗显示：

<button bindtap="showPopup">选择日期</button>

4. 在js文件中实现showPopup方法，用于显示弹窗：

Page({
  // ...
  showPopup: function() {
    this.setData({
      'popupHidden': false
    })
  },
  // ...
})

其中，popupHidden为一个布尔类型的变量，用于控制弹窗的显示和隐藏。

5. 在wxml文件中创建一个遮罩层，用于覆盖原页面，使得用户只能在弹窗中选择日期：

<view class="mask" hidden="{{!popupHidden}}" bindtap="hidePopup"></view>

6. 在js文件中实现hidePopup方法，用于隐藏弹窗：

Page({
  // ...
  hidePopup: function() {
    this.setData({
      'popupHidden': true
    })
  },
  // ...
})

7. 在js文件中实现onDateChange方法，用于处理用户选择日期的事件：

Page({
  // ...
  onDateChange: function(e) {
    this.setData({
      'date': e.detail.value,
      'popupHidden': true
    })
  }
  // ...
})

其中，e.detail.value表示用户选择的日期，将其赋值给date即可。

以上就是在微信小程序中实现在原页面上浮弹窗日期选择器的方法。