微信小程序开发之选择器时间选择器日期选择器地区选择器

最新推荐文章于 2024-09-20 13:21:53 发布

dzp_coder

最新推荐文章于 2024-09-20 13:21:53 发布

阅读量2.9w

点赞数 4

分类专栏：微信小程序微信小程序开发文章标签：微信小程序时间选择器选择器日期选择器地区选择器

本文链接：https://blog.csdn.net/qq_31383345/article/details/53084803

版权

本文介绍了微信小程序中选择器的使用，包括普通选择器、时间选择器和日期选择器。利用小程序封装的控件简化开发，通过设置mode属性切换不同类型的选择器，并通过事件绑定获取选定值。文中详细展示了代码示例和事件处理方法。

摘要由CSDN通过智能技术生成

用微信封装好的控件感觉很好,为我们开发人员省去了很多麻烦.弊端就是不能做大量的自定义.今天试用了选择器.

上gif:

上代码:

1.index.js

//index.js
//获取应用实例
var app = getApp()
Page({
  data: {
    date: '2016-11-08',
    time: '12:00',
    array: ['中国', '巴西', '日本', '美国'],
    index: 0,
  },

  onLoad: function () {

  },
  //  点击时间组件确定事件
  bindTimeChange: function (e) {
    this.setData({
      time: e.detail.value
    })
  },
  //  点击日期组件确定事件
  bindDateChange: function (e) {
    this.setData({
      da