当前位置: 首页 > news >正文

在网站后台管理系统里产品说明怎么添加图片免费注册微信小程序

在网站后台管理系统里产品说明怎么添加图片,免费注册微信小程序,共享ip做网站,天津关键词自动排名7.3 表单组件 7.3.1 picke-view与picker-view-column组件 一个picker-view-column代表 一个滚动选择器子项,一个picker-view组件可以包含多个picker-view-column组件,这样可以一次性选择多项内容如年、月、日等。 picker-view-column组件中需包含多个…

7.3 表单组件

7.3.1 picke-view与picker-view-column组件

一个picker-view-column代表 一个滚动选择器子项,一个picker-view组件可以包含多个picker-view-column组件,这样可以一次性选择多项内容如年、月、日等。

picker-view-column组件中需包含多个子元素,这些子元素是滚动选择器子项的选项列表。

picker-view组件支持的属性如下所示:

属性类型说明最低版本
valuenumber[]数组中的数组依次表示为picker-view内的picker-view-column选项的第几项(下标从0开始)。数字大于picker-view-column可选性长度时,选择最后一项1.0.0
indicator-stylestring设置选择器中间选中项的样式1.0.0
indicator-classstring设置选择器中间选中项的类名1.1.0
mask-stylestring设置蒙层的样式1.5.0
mask-classstring设置蒙层的类名1.5.0
bindchangeeventhandle滚动选择时触发change事件,event.detail={value};value为数组,表示picker-view内的picker-view-column当前选择的第几项(下标从0开始 )1.0.0
bindpickstarteventhandle当滚动选择开始时触发事件2.3.1
bindpickendeventhandle当滚动选择结束时触发事件2.3.1

日期选择的示例代码如下,三个picker-view-column代表年、月、日的选择子项:

<!--WXML-->

<view>

  <view style="text-align:center;">{{year}}年{{month}}月{{day}}日</view>

  <picker-view indicator-style="height:50px" style="width: 100%;height: 300px;" value="{{value}}" bindchange="bindChange">

    <picker-view-column>

      <view wx:for="{{years}}" style="line-height: 50px;">{{item}}年</view>

    </picker-view-column>

    <picker-view-column>

      <view wx:for="{{months}}" style="line-height: 50px;">{{item}}月</view>

    </picker-view-column>

    <picker-view-column>

      <view wx:for="{{days}}" style="line-height: 50px;">{{item}}日</view>

    </picker-view-column>

  </picker-view>

</view>


// JS

const date = new Date()

const years = []

const months = []

const days = []

for (let i = 1990; i < date.getFullYear(); i++) {

  years.push(i)

}

for (let i = 1; i <= 12; i++) {

  months.push(i)

}

for (let i = 1; i <= 31; i++) {

  days.push(i)

}

Page({

  /**

   * 页面的初始数据

   */

  data: {

    years: years,

    year: date.getFullYear(),

    months: months,

    month: 2,

    days: days,

    day: 2,

    value: [9999,1,1]

  },

  bindChange: function(e){

    const val = e.detail.value

    this.setData({

      year: this.data.years[val[0]],

      month: this.data.months[val[1]],

      day: this.data.days[val[2]]

    })

  }

})

http://www.hyszgw.com/news/34356.html

相关文章:

  • 那个网站seo做的好的手机网站asp
  • 做那网站好域名与网站区别
  • 快速网站开发课程中国企业网站建设
  • 龙岗成交型网站建设公众号开发者密钥重置影响
  • 网站开发小公司推荐请柬网站开发
  • 用什么搭建个人网站建筑费用明细表模板
  • 南京银城建设 网站新媒体运营的相关优势
  • 电玩网站开发怎样创建一个微信公众号
  • 怎么做网站支付产品发布会详细流程
  • 外贸网站推广外包网站做移动适配
  • 西安网站设设枞阳网站制作
  • 山东省和城乡建设厅网站ui设计需要学哪些课程
  • 最新采购求购信息网站wordpress展示页
  • 苏州做网站的专业公司有哪些html代码是什么意思
  • 电子商务网站建设的方法和工具上海人才招聘网官网
  • 哪些网站可以做直播建设电子商务网站背景
  • 想自己做网站需要会什么建站成本
  • 推广网站的文案站长工具查询系统
  • 关于地产设计网站无锡网站排名优化公司
  • 外贸是先做网站还是做阿里巴巴电子商城开发
  • 做网站工作量怎么算linux搭建个人网站
  • 金坛建设局招标网站南京江宁做网站
  • 阿里巴巴网站工作流程长沙旅游攻略必玩的景点
  • 专注徐州网站建设edge打开是2345网址导航
  • 清溪网站建设虚拟机做的网站怎么让外网访问不了网
  • 网站的竞争对手网站接电话
  • wordpress仿站教学腾讯人脸认证网站建设
  • 网站负责人信息表wordpress时间线主题
  • 传奇网站架设方法生产厂家上什么网站做推广好
  • 城乡与住房建设厅网站北京微信网站搭建多少钱